@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.
- package/CHANGELOG.md +42 -0
- package/cjs/__chunks/{GYHP7IYG.cjs → 4XVTH6OR.cjs} +2 -2
- package/cjs/__chunks/{IHFGURUM.cjs → 54YZYOPA.cjs} +2 -2
- package/cjs/__chunks/{DCTXNU2X.cjs → COWKMNMZ.cjs} +3 -3
- package/cjs/__chunks/{HFNM6QV4.cjs → DAOFDKV2.cjs} +1 -1
- package/cjs/__chunks/{3C4RFBCG.cjs → EYZZO5IT.cjs} +1 -1
- package/cjs/__chunks/{3MKOUH5M.cjs → HPNCFYQJ.cjs} +4 -4
- package/cjs/__chunks/{A356CGND.cjs → JDCTLYQ4.cjs} +1 -1
- package/cjs/__chunks/{T5BWR4CB.cjs → KDTFHBKU.cjs} +2 -2
- package/cjs/__chunks/{NZSB7HSZ.cjs → LY4LCJM6.cjs} +2 -2
- package/cjs/__chunks/{7DQ2LBH2.cjs → QUHFOHHT.cjs} +35 -0
- package/cjs/__chunks/{AJF5DT5A.cjs → YO7LLGVA.cjs} +2 -2
- package/cjs/__chunks/{3XXW4Y4D.cjs → Z2VL7JHX.cjs} +2 -2
- package/cjs/__chunks/{CWS5RZSU.cjs → ZTAE5B6W.cjs} +9 -1
- package/cjs/checkbox/checkbox-check.cjs +2 -2
- package/cjs/collection/collection-renderer.d.cts +0 -2
- package/cjs/collection/collection-renderer.d.ts +0 -2
- package/cjs/combobox/combobox-cancel.cjs +1 -1
- package/cjs/combobox/combobox-disclosure.cjs +1 -1
- package/cjs/combobox/combobox-item-check.cjs +2 -2
- package/cjs/combobox/combobox-item.cjs +2 -2
- package/cjs/combobox/combobox-popover.cjs +23 -5
- package/cjs/combobox/combobox.cjs +14 -11
- package/cjs/combobox/combobox.d.cts +20 -0
- package/cjs/combobox/combobox.d.ts +20 -0
- package/cjs/composite/composite-input.cjs +91 -6
- package/cjs/composite/composite-input.d.cts +2 -0
- package/cjs/composite/composite-input.d.ts +2 -0
- package/cjs/composite/composite-item.cjs +2 -2
- package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
- package/cjs/composite/composite-overflow.cjs +3 -3
- package/cjs/composite/composite-renderer.d.cts +0 -2
- package/cjs/composite/composite-renderer.d.ts +0 -2
- package/cjs/dialog/dialog-dismiss.cjs +2 -2
- package/cjs/dialog/dialog.cjs +2 -2
- package/cjs/form/form-radio.cjs +3 -3
- package/cjs/hovercard/hovercard-disclosure.cjs +1 -1
- package/cjs/hovercard/hovercard-dismiss.cjs +4 -4
- package/cjs/hovercard/hovercard.cjs +4 -4
- package/cjs/menu/menu-button-arrow.cjs +2 -2
- package/cjs/menu/menu-dismiss.cjs +4 -4
- package/cjs/menu/menu-item-check.cjs +2 -2
- package/cjs/menu/menu-item-checkbox.cjs +3 -3
- package/cjs/menu/menu-item-radio.cjs +5 -5
- package/cjs/menu/menu-item.cjs +3 -3
- package/cjs/menu/menu.cjs +5 -5
- package/cjs/popover/popover-disclosure-arrow.cjs +2 -2
- package/cjs/popover/popover-dismiss.cjs +3 -3
- package/cjs/popover/popover.cjs +3 -3
- package/cjs/radio/radio.cjs +3 -3
- package/cjs/select/select-arrow.cjs +3 -3
- package/cjs/select/select-item-check.cjs +2 -2
- package/cjs/select/select-item.cjs +2 -2
- package/cjs/select/select-popover.cjs +4 -4
- package/cjs/select/select.cjs +3 -3
- package/cjs/tab/tab.cjs +4 -4
- package/cjs/toolbar/toolbar-container.cjs +3 -3
- package/cjs/toolbar/toolbar-input.cjs +3 -7
- package/cjs/toolbar/toolbar-input.d.cts +3 -2
- package/cjs/toolbar/toolbar-input.d.ts +3 -2
- package/cjs/toolbar/toolbar-item.cjs +3 -3
- package/cjs/tooltip/tooltip.cjs +5 -5
- package/esm/__chunks/{LABIXQLW.js → 44PDY2W5.js} +1 -1
- package/esm/__chunks/{FYNSL2D5.js → 5H3YXAUC.js} +1 -1
- package/esm/__chunks/{JCOBPKEI.js → BY6P32UK.js} +1 -1
- package/esm/__chunks/{C5HA76JU.js → DSUHLHLE.js} +1 -1
- package/esm/__chunks/{NN4HLGKS.js → F2RFUFO2.js} +1 -1
- package/esm/__chunks/{2VWKZYYT.js → H5N72W37.js} +1 -1
- package/esm/__chunks/{NQ4PTILT.js → IOUGWXY5.js} +9 -1
- package/esm/__chunks/{X3V2DT2U.js → LTYEFENI.js} +1 -1
- package/esm/__chunks/{HW63KLP5.js → NFPDVAAW.js} +1 -1
- package/esm/__chunks/{XK6CE2M5.js → NHVUMSP7.js} +1 -1
- package/esm/__chunks/{RAKW656I.js → Q4PZFBSW.js} +1 -1
- package/esm/__chunks/{ONUY4D7O.js → R33ISPJY.js} +36 -1
- package/esm/__chunks/{6VDNHSLX.js → XEJ23EM6.js} +2 -2
- package/esm/checkbox/checkbox-check.js +1 -1
- package/esm/collection/collection-renderer.d.ts +0 -2
- package/esm/combobox/combobox-cancel.js +1 -1
- package/esm/combobox/combobox-disclosure.js +1 -1
- package/esm/combobox/combobox-item-check.js +1 -1
- package/esm/combobox/combobox-item.js +1 -1
- package/esm/combobox/combobox-popover.js +22 -4
- package/esm/combobox/combobox.d.ts +20 -0
- package/esm/combobox/combobox.js +14 -11
- package/esm/composite/composite-input.d.ts +2 -0
- package/esm/composite/composite-input.js +92 -7
- package/esm/composite/composite-item.js +1 -1
- package/esm/composite/composite-overflow-disclosure.js +1 -1
- package/esm/composite/composite-overflow.js +2 -2
- package/esm/composite/composite-renderer.d.ts +0 -2
- package/esm/dialog/dialog-dismiss.js +1 -1
- package/esm/dialog/dialog.js +1 -1
- package/esm/form/form-radio.js +2 -2
- package/esm/hovercard/hovercard-disclosure.js +1 -1
- package/esm/hovercard/hovercard-dismiss.js +3 -3
- package/esm/hovercard/hovercard.js +3 -3
- package/esm/menu/menu-button-arrow.js +1 -1
- package/esm/menu/menu-dismiss.js +3 -3
- package/esm/menu/menu-item-check.js +1 -1
- package/esm/menu/menu-item-checkbox.js +2 -2
- package/esm/menu/menu-item-radio.js +3 -3
- package/esm/menu/menu-item.js +2 -2
- package/esm/menu/menu.js +3 -3
- package/esm/popover/popover-disclosure-arrow.js +1 -1
- package/esm/popover/popover-dismiss.js +2 -2
- package/esm/popover/popover.js +2 -2
- package/esm/radio/radio.js +2 -2
- package/esm/select/select-arrow.js +2 -2
- package/esm/select/select-item-check.js +1 -1
- package/esm/select/select-item.js +1 -1
- package/esm/select/select-popover.js +2 -2
- package/esm/select/select.js +2 -2
- package/esm/tab/tab.js +1 -1
- package/esm/toolbar/toolbar-container.js +2 -2
- package/esm/toolbar/toolbar-input.d.ts +3 -2
- package/esm/toolbar/toolbar-input.js +2 -6
- package/esm/toolbar/toolbar-item.js +2 -2
- package/esm/tooltip/tooltip.js +3 -3
- package/package.json +2 -2
- package/cjs/__chunks/WGZQRLXV.cjs +0 -84
- package/esm/__chunks/RPGNBKKU.js +0 -84
package/esm/combobox/combobox.js
CHANGED
|
@@ -38,7 +38,7 @@ import {
|
|
|
38
38
|
__spreadValues
|
|
39
39
|
} from "../__chunks/4R3V3JGP.js";
|
|
40
40
|
|
|
41
|
-
// src/combobox/combobox.
|
|
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
|
-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
|
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
|
|
@@ -8,7 +8,7 @@ import "../__chunks/DYQUE3V3.js";
|
|
|
8
8
|
import "../__chunks/CKAOM5LG.js";
|
|
9
9
|
import {
|
|
10
10
|
useCompositeItem
|
|
11
|
-
} from "../__chunks/
|
|
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/
|
|
5
|
-
import "../__chunks/
|
|
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;
|
package/esm/dialog/dialog.js
CHANGED
package/esm/form/form-radio.js
CHANGED
|
@@ -7,9 +7,9 @@ import {
|
|
|
7
7
|
} from "../__chunks/HQB73KOV.js";
|
|
8
8
|
import {
|
|
9
9
|
useRadio
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/DSUHLHLE.js";
|
|
11
11
|
import "../__chunks/MIIHBIKN.js";
|
|
12
|
-
import "../__chunks/
|
|
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:
|
|
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/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
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/
|
|
5
|
+
} from "../__chunks/XEJ23EM6.js";
|
|
6
6
|
import "../__chunks/YMV43K4F.js";
|
|
7
|
-
import "../__chunks/
|
|
8
|
-
import "../__chunks/
|
|
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";
|
package/esm/menu/menu-dismiss.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useHovercardDismiss
|
|
4
|
-
} from "../__chunks/
|
|
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/
|
|
10
|
-
import "../__chunks/
|
|
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";
|
|
@@ -8,14 +8,14 @@ import {
|
|
|
8
8
|
import "../__chunks/ZKBA2XH4.js";
|
|
9
9
|
import {
|
|
10
10
|
useMenuItem
|
|
11
|
-
} from "../__chunks/
|
|
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/
|
|
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/
|
|
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/
|
|
12
|
+
} from "../__chunks/DSUHLHLE.js";
|
|
13
13
|
import "../__chunks/MIIHBIKN.js";
|
|
14
14
|
import "../__chunks/VXKKJNIF.js";
|
|
15
|
-
import "../__chunks/
|
|
15
|
+
import "../__chunks/R33ISPJY.js";
|
|
16
16
|
import "../__chunks/PJ7ERAIM.js";
|
|
17
17
|
import "../__chunks/IFMAUEA7.js";
|
|
18
18
|
import "../__chunks/3IEDWLST.js";
|
package/esm/menu/menu-item.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import {
|
|
3
3
|
MenuItem,
|
|
4
4
|
useMenuItem
|
|
5
|
-
} from "../__chunks/
|
|
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/
|
|
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/
|
|
16
|
+
} from "../__chunks/XEJ23EM6.js";
|
|
17
17
|
import "../__chunks/YMV43K4F.js";
|
|
18
|
-
import "../__chunks/
|
|
18
|
+
import "../__chunks/LTYEFENI.js";
|
|
19
19
|
import {
|
|
20
20
|
createDialogComponent
|
|
21
|
-
} from "../__chunks/
|
|
21
|
+
} from "../__chunks/IOUGWXY5.js";
|
|
22
22
|
import "../__chunks/GOXKZAQI.js";
|
|
23
23
|
import "../__chunks/6GXEOXGT.js";
|
|
24
24
|
import "../__chunks/PTPUIM7N.js";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
PopoverDismiss,
|
|
4
4
|
usePopoverDismiss
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
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";
|
package/esm/popover/popover.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Popover,
|
|
4
4
|
usePopover
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
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";
|
package/esm/radio/radio.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Radio,
|
|
4
4
|
useRadio
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/DSUHLHLE.js";
|
|
6
6
|
import "../__chunks/MIIHBIKN.js";
|
|
7
|
-
import "../__chunks/
|
|
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/
|
|
6
|
-
import "../__chunks/
|
|
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";
|
|
@@ -12,10 +12,10 @@ import "../__chunks/QFI3MCMR.js";
|
|
|
12
12
|
import "../__chunks/6LTHW2TQ.js";
|
|
13
13
|
import {
|
|
14
14
|
usePopover
|
|
15
|
-
} from "../__chunks/
|
|
15
|
+
} from "../__chunks/LTYEFENI.js";
|
|
16
16
|
import {
|
|
17
17
|
createDialogComponent
|
|
18
|
-
} from "../__chunks/
|
|
18
|
+
} from "../__chunks/IOUGWXY5.js";
|
|
19
19
|
import "../__chunks/GOXKZAQI.js";
|
|
20
20
|
import "../__chunks/6GXEOXGT.js";
|
|
21
21
|
import "../__chunks/PTPUIM7N.js";
|
package/esm/select/select.js
CHANGED
|
@@ -8,8 +8,8 @@ import "../__chunks/DYQUE3V3.js";
|
|
|
8
8
|
import "../__chunks/CKAOM5LG.js";
|
|
9
9
|
import {
|
|
10
10
|
SelectArrow
|
|
11
|
-
} from "../__chunks/
|
|
12
|
-
import "../__chunks/
|
|
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
|
@@ -4,8 +4,8 @@ import {
|
|
|
4
4
|
} from "../__chunks/LQCUPYIB.js";
|
|
5
5
|
import {
|
|
6
6
|
useToolbarItem
|
|
7
|
-
} from "../__chunks/
|
|
8
|
-
import "../__chunks/
|
|
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
|
|
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/
|
|
8
|
-
import "../__chunks/
|
|
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/
|
|
6
|
-
import "../__chunks/
|
|
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";
|
package/esm/tooltip/tooltip.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useHovercard
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/XEJ23EM6.js";
|
|
5
5
|
import "../__chunks/YMV43K4F.js";
|
|
6
|
-
import "../__chunks/
|
|
6
|
+
import "../__chunks/LTYEFENI.js";
|
|
7
7
|
import {
|
|
8
8
|
createDialogComponent
|
|
9
|
-
} from "../__chunks/
|
|
9
|
+
} from "../__chunks/IOUGWXY5.js";
|
|
10
10
|
import "../__chunks/GOXKZAQI.js";
|
|
11
11
|
import "../__chunks/6GXEOXGT.js";
|
|
12
12
|
import "../__chunks/PTPUIM7N.js";
|