@ark-ui/solid 5.25.0 → 5.26.0
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/dist/{checkbox.anatomy-CuzDSmDj.d.ts → checkbox.anatomy-YlC7nNXs.d.ts} +1 -1
- package/dist/chunk/2R6SK2X3.js +1 -0
- package/dist/chunk/{CH3GLCFX.js → 32EVBYDL.js} +1 -1
- package/dist/chunk/{BSNUALOI.jsx → 3DVV7RSQ.jsx} +1 -1
- package/dist/chunk/{GXTZJORW.jsx → 4FGVJWA3.jsx} +1 -1
- package/dist/chunk/{GYZIX2L5.jsx → 4MVVOEQO.jsx} +1 -1
- package/dist/chunk/{23B5B3VX.jsx → 4WB67STQ.jsx} +1 -1
- package/dist/chunk/{4GP7G5GU.jsx → 5ERIBIYY.jsx} +1 -1
- package/dist/chunk/{JILQVPOB.jsx → 5STEWKY6.jsx} +1 -1
- package/dist/chunk/{RMND72NW.js → 5YW6MRNT.js} +1 -1
- package/dist/chunk/7FCJ264O.js +2 -2
- package/dist/chunk/{KYRUJHLK.js → 7JN4LQUU.js} +1 -1
- package/dist/chunk/{ZYGTO3AY.js → AMNLZAAM.js} +1 -1
- package/dist/chunk/{D4ONWUSA.jsx → AXR7KJPM.jsx} +1 -1
- package/dist/chunk/{MQ2S3D55.jsx → B52HQAYI.jsx} +2 -2
- package/dist/chunk/{3DSCTOOH.js → BTB7GNM5.js} +1 -1
- package/dist/chunk/{STPRTN7P.js → E7OCYTQK.js} +1 -1
- package/dist/chunk/{SLQO5NYP.jsx → ELOWJYIF.jsx} +1 -1
- package/dist/chunk/{VJY6HKZZ.jsx → EZY7GKXA.jsx} +1 -1
- package/dist/chunk/{LC5AV5KP.jsx → FCPJ3RNY.jsx} +1 -1
- package/dist/chunk/{LL2PRNHK.jsx → FLNIMVCM.jsx} +1 -1
- package/dist/chunk/{TM2GVE66.js → FSWHKOUJ.js} +1 -1
- package/dist/chunk/{3TIJNVWF.jsx → G5ZFI73B.jsx} +1 -1
- package/dist/chunk/GYSTTEHB.js +178 -0
- package/dist/chunk/{PKGJ2YMV.js → JDIMSSD7.js} +5 -1
- package/dist/chunk/{RRMUJHF3.js → JUN7WBUJ.js} +1 -1
- package/dist/chunk/{2Y27RT46.jsx → LUYWTVT2.jsx} +1 -1
- package/dist/chunk/{Y73674NQ.jsx → MTKWTKSJ.jsx} +2 -2
- package/dist/chunk/{KSGKEG2Q.js → O7E5IIY5.js} +10 -3
- package/dist/chunk/OQS7GY5L.jsx +231 -0
- package/dist/chunk/{OD2K6HNA.jsx → OX46DSZG.jsx} +22 -7
- package/dist/chunk/{W43ULPH7.js → PKE2IAZR.js} +1 -1
- package/dist/chunk/{MEW6C2CB.js → PPO5Y7EZ.js} +1 -1
- package/dist/chunk/{TSTI54MO.jsx → PVLPVADA.jsx} +1 -1
- package/dist/chunk/{QHUHQ7AB.jsx → QA6UN3SS.jsx} +1 -1
- package/dist/chunk/{2LPJGLTN.jsx → QFNXMCYK.jsx} +1 -0
- package/dist/chunk/{YDC3FJFI.jsx → QTCH6M6U.jsx} +1 -1
- package/dist/chunk/{RFNTSH5G.js → RDBBPPKH.js} +1 -1
- package/dist/chunk/{E6W66E2W.js → RQQ2HX5E.js} +1 -1
- package/dist/chunk/{56OOJF3B.js → SALTGWUI.js} +1 -1
- package/dist/chunk/{UEHKUIGJ.js → SAQ5ZJYG.js} +1 -1
- package/dist/chunk/{2VUM665L.jsx → SDGVKFY2.jsx} +2 -0
- package/dist/chunk/{CTWE2FJ6.jsx → SHJYZHXV.jsx} +1 -1
- package/dist/chunk/{YSJMQYTR.jsx → SKABWRW2.jsx} +1 -1
- package/dist/chunk/{V3Y4REDM.jsx → SNBGNSXC.jsx} +1 -1
- package/dist/chunk/{QJ2E7QNC.jsx → UQ24SGE2.jsx} +1 -1
- package/dist/chunk/{4QGNGFEY.jsx → UVYKW576.jsx} +2 -2
- package/dist/chunk/{5EZRD32D.jsx → VFKDKUO2.jsx} +1 -1
- package/dist/chunk/WMZBRARY.jsx +6 -0
- package/dist/chunk/{6UPLMXM2.js → XZGVIXTK.js} +1 -1
- package/dist/chunk/{RUQHUQAF.js → YWE3F6BH.js} +1 -1
- package/dist/chunk/{VA3VRJ56.jsx → ZHZ6OA3V.jsx} +5 -1
- package/dist/{color-picker.anatomy-CMDtAoEh.d.ts → color-picker.anatomy-Dxw1DJ2S.d.ts} +1 -1
- package/dist/{combobox.anatomy-DBsVyPqM.d.ts → combobox.anatomy-CW3VXK4N.d.ts} +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/accordion/index.jsx +2 -2
- package/dist/components/anatomy.d.ts +9 -8
- package/dist/components/anatomy.js +16 -15
- package/dist/components/anatomy.jsx +87 -83
- package/dist/components/bottom-sheet/index.d.ts +92 -0
- package/dist/components/bottom-sheet/index.js +2 -0
- package/dist/components/bottom-sheet/index.jsx +45 -0
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/index.jsx +3 -3
- package/dist/components/collapsible/index.js +1 -1
- package/dist/components/collapsible/index.jsx +1 -1
- package/dist/components/color-picker/index.d.ts +2 -2
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/color-picker/index.jsx +4 -4
- package/dist/components/combobox/index.d.ts +6 -5
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/combobox/index.jsx +4 -4
- package/dist/components/date-picker/index.d.ts +2 -2
- package/dist/components/date-picker/index.js +1 -1
- package/dist/components/date-picker/index.jsx +2 -2
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dialog/index.jsx +2 -2
- package/dist/components/editable/index.jsx +3 -3
- package/dist/components/field/index.d.ts +1 -1
- package/dist/components/field/index.jsx +2 -2
- package/dist/components/fieldset/index.d.ts +1 -1
- package/dist/components/file-upload/index.jsx +3 -3
- package/dist/components/floating-panel/index.d.ts +1 -1
- package/dist/components/floating-panel/index.js +1 -1
- package/dist/components/floating-panel/index.jsx +2 -2
- package/dist/components/format/index.d.ts +4 -0
- package/dist/components/hover-card/index.d.ts +1 -1
- package/dist/components/hover-card/index.js +1 -1
- package/dist/components/hover-card/index.jsx +2 -2
- package/dist/components/index.d.ts +18 -16
- package/dist/components/index.js +47 -45
- package/dist/components/index.jsx +414 -380
- package/dist/components/json-tree-view/index.d.ts +1 -1
- package/dist/components/json-tree-view/index.js +1 -1
- package/dist/components/json-tree-view/index.jsx +3 -3
- package/dist/components/listbox/index.d.ts +7 -6
- package/dist/components/menu/index.d.ts +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/index.jsx +2 -2
- package/dist/components/number-input/index.jsx +3 -3
- package/dist/components/pagination/index.d.ts +4 -3
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/pagination/index.jsx +1 -1
- package/dist/components/password-input/index.jsx +3 -3
- package/dist/components/pin-input/index.jsx +3 -3
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/index.jsx +2 -2
- package/dist/components/presence/index.d.ts +2 -2
- package/dist/components/presence/index.js +1 -1
- package/dist/components/presence/index.jsx +1 -1
- package/dist/components/rating-group/index.jsx +3 -3
- package/dist/components/select/index.d.ts +6 -5
- package/dist/components/select/index.js +1 -1
- package/dist/components/select/index.jsx +4 -4
- package/dist/components/signature-pad/index.jsx +3 -3
- package/dist/components/switch/index.jsx +3 -3
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/index.jsx +2 -2
- package/dist/components/tags-input/index.jsx +3 -3
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/index.jsx +2 -2
- package/dist/components/tour/index.d.ts +2 -2
- package/dist/components/tour/index.js +1 -1
- package/dist/components/tour/index.jsx +2 -2
- package/dist/components/tree-view/index.d.ts +16 -6
- package/dist/components/tree-view/index.js +1 -1
- package/dist/components/tree-view/index.jsx +4 -2
- package/dist/{date-picker.anatomy-C7QaSOwg.d.ts → date-picker.anatomy-DLXcqHH9.d.ts} +1 -1
- package/dist/field.anatomy-BA_rbPae.d.ts +5 -0
- package/dist/{fieldset.anatomy-BHBXaVuM.d.ts → fieldset.anatomy-ByHwSFid.d.ts} +1 -1
- package/dist/index.d.ts +18 -16
- package/dist/index.js +47 -45
- package/dist/index.jsx +414 -380
- package/dist/{listbox.anatomy-CuSvGz29.d.ts → listbox.anatomy-ogRrsXMY.d.ts} +1 -1
- package/dist/{tour.anatomy-dhFVCgSh.d.ts → tour.anatomy-LyAf9UF9.d.ts} +1 -1
- package/dist/{tree-view-tree-Bsm9ZNuk.d.ts → tree-view-tree-BEAzL2YS.d.ts} +3 -2
- package/dist/{use-presence-CT1xpuuo.d.ts → use-presence-DZuLEWMI.d.ts} +1 -1
- package/package.json +73 -71
- package/dist/field.anatomy-BkeW0gbI.d.ts +0 -5
- package/dist/chunk/{HRWYG4MB.jsx → 5XTAFT5P.jsx} +0 -0
- package/dist/chunk/{4GQ4Q3XI.jsx → 7SG5GQHN.jsx} +3 -3
- /package/dist/chunk/{5WVPNAWS.js → W6MHACH4.js} +0 -0
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PresenceProvider,
|
|
3
|
+
splitPresenceProps,
|
|
4
|
+
usePresence,
|
|
5
|
+
usePresenceContext
|
|
6
|
+
} from "./ZHZ6OA3V.jsx";
|
|
7
|
+
import {
|
|
8
|
+
RenderStrategyProvider,
|
|
9
|
+
splitRenderStrategyProps,
|
|
10
|
+
useRenderStrategyContext
|
|
11
|
+
} from "./NEBB7COJ.jsx";
|
|
12
|
+
import {
|
|
13
|
+
composeRefs
|
|
14
|
+
} from "./PT2CJE3O.jsx";
|
|
15
|
+
import {
|
|
16
|
+
createSplitProps
|
|
17
|
+
} from "./6WEDGJKQ.jsx";
|
|
18
|
+
import {
|
|
19
|
+
ark
|
|
20
|
+
} from "./UFYZ7HLU.jsx";
|
|
21
|
+
import {
|
|
22
|
+
useEnvironmentContext
|
|
23
|
+
} from "./6J5H27AQ.jsx";
|
|
24
|
+
import {
|
|
25
|
+
runIfFn
|
|
26
|
+
} from "./KGOB2IMX.jsx";
|
|
27
|
+
import {
|
|
28
|
+
useLocaleContext
|
|
29
|
+
} from "./XIYHIOP3.jsx";
|
|
30
|
+
import {
|
|
31
|
+
createContext
|
|
32
|
+
} from "./TVCIHLER.jsx";
|
|
33
|
+
import {
|
|
34
|
+
__export
|
|
35
|
+
} from "./7IUG3E2V.jsx";
|
|
36
|
+
|
|
37
|
+
// src/components/bottom-sheet/bottom-sheet-backdrop.tsx
|
|
38
|
+
import { mergeProps } from "@zag-js/solid";
|
|
39
|
+
import { Show } from "solid-js";
|
|
40
|
+
|
|
41
|
+
// src/components/bottom-sheet/use-bottom-sheet-context.ts
|
|
42
|
+
var [BottomSheetProvider, useBottomSheetContext] = createContext({
|
|
43
|
+
hookName: "useBottomSheetContext",
|
|
44
|
+
providerName: "<BottomSheetProvider />"
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
// src/components/bottom-sheet/bottom-sheet-backdrop.tsx
|
|
48
|
+
var BottomSheetBackdrop = (props) => {
|
|
49
|
+
const bottomSheet2 = useBottomSheetContext();
|
|
50
|
+
const renderStrategyProps = useRenderStrategyContext();
|
|
51
|
+
const presence = usePresence(mergeProps(renderStrategyProps, () => ({ present: bottomSheet2().open })));
|
|
52
|
+
const mergedProps = mergeProps(
|
|
53
|
+
() => bottomSheet2().getBackdropProps(),
|
|
54
|
+
() => presence().presenceProps,
|
|
55
|
+
props
|
|
56
|
+
);
|
|
57
|
+
return <Show when={!presence().unmounted}>
|
|
58
|
+
<ark.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
|
|
59
|
+
</Show>;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
// src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
|
|
63
|
+
import { mergeProps as mergeProps2 } from "@zag-js/solid";
|
|
64
|
+
var BottomSheetCloseTrigger = (props) => {
|
|
65
|
+
const context = useBottomSheetContext();
|
|
66
|
+
const mergedProps = mergeProps2(() => context().getCloseTriggerProps(), props);
|
|
67
|
+
return <ark.button {...mergedProps} />;
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
// src/components/bottom-sheet/bottom-sheet-content.tsx
|
|
71
|
+
import { mergeProps as mergeProps3 } from "@zag-js/solid";
|
|
72
|
+
import { Show as Show2 } from "solid-js";
|
|
73
|
+
var BottomSheetContent = (props) => {
|
|
74
|
+
const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
|
|
75
|
+
const bottomSheet2 = useBottomSheetContext();
|
|
76
|
+
const presence = usePresenceContext();
|
|
77
|
+
const mergedProps = mergeProps3(
|
|
78
|
+
() => bottomSheet2().getContentProps({ draggable: true, ...contentProps }),
|
|
79
|
+
() => presence().presenceProps,
|
|
80
|
+
localProps
|
|
81
|
+
);
|
|
82
|
+
return <Show2 when={!presence().unmounted}>
|
|
83
|
+
<ark.div {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
|
|
84
|
+
</Show2>;
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
// src/components/bottom-sheet/bottom-sheet-context.tsx
|
|
88
|
+
var BottomSheetContext = (props) => props.children(useBottomSheetContext());
|
|
89
|
+
|
|
90
|
+
// src/components/bottom-sheet/bottom-sheet-grabber.tsx
|
|
91
|
+
import { mergeProps as mergeProps4 } from "@zag-js/solid";
|
|
92
|
+
var BottomSheetGrabber = (props) => {
|
|
93
|
+
const bottomSheet2 = useBottomSheetContext();
|
|
94
|
+
const mergedProps = mergeProps4(() => bottomSheet2().getGrabberProps(), props);
|
|
95
|
+
return <ark.div {...mergedProps} />;
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
// src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
|
|
99
|
+
import { mergeProps as mergeProps5 } from "@zag-js/solid";
|
|
100
|
+
var BottomSheetGrabberIndicator = (props) => {
|
|
101
|
+
const bottomSheet2 = useBottomSheetContext();
|
|
102
|
+
const mergedProps = mergeProps5(() => bottomSheet2().getGrabberIndicatorProps(), props);
|
|
103
|
+
return <ark.div {...mergedProps} />;
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
// src/components/bottom-sheet/bottom-sheet-root.tsx
|
|
107
|
+
import { mergeProps as mergeProps6 } from "@zag-js/solid";
|
|
108
|
+
|
|
109
|
+
// src/components/bottom-sheet/use-bottom-sheet.ts
|
|
110
|
+
import * as bottomSheet from "@zag-js/bottom-sheet";
|
|
111
|
+
import { normalizeProps, useMachine } from "@zag-js/solid";
|
|
112
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
113
|
+
var useBottomSheet = (props) => {
|
|
114
|
+
const locale = useLocaleContext();
|
|
115
|
+
const environment = useEnvironmentContext();
|
|
116
|
+
const id = createUniqueId();
|
|
117
|
+
const machineProps = createMemo(() => ({
|
|
118
|
+
id,
|
|
119
|
+
dir: locale().dir,
|
|
120
|
+
getRootNode: environment().getRootNode,
|
|
121
|
+
...runIfFn(props)
|
|
122
|
+
}));
|
|
123
|
+
const service = useMachine(bottomSheet.machine, machineProps);
|
|
124
|
+
return createMemo(() => bottomSheet.connect(service, normalizeProps));
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
// src/components/bottom-sheet/bottom-sheet-root.tsx
|
|
128
|
+
var BottomSheetRoot = (props) => {
|
|
129
|
+
const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
|
|
130
|
+
const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
|
|
131
|
+
const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, [
|
|
132
|
+
"id",
|
|
133
|
+
"ids",
|
|
134
|
+
"open",
|
|
135
|
+
"defaultOpen",
|
|
136
|
+
"onOpenChange",
|
|
137
|
+
"closeOnInteractOutside",
|
|
138
|
+
"closeOnEscape",
|
|
139
|
+
"snapPoints",
|
|
140
|
+
"swipeVelocityThreshold",
|
|
141
|
+
"closeThreshold",
|
|
142
|
+
"preventDragOnScroll",
|
|
143
|
+
"activeSnapPoint",
|
|
144
|
+
"defaultActiveSnapPoint",
|
|
145
|
+
"onActiveSnapPointChange",
|
|
146
|
+
"modal",
|
|
147
|
+
"trapFocus",
|
|
148
|
+
"restoreFocus",
|
|
149
|
+
"preventScroll",
|
|
150
|
+
"initialFocusEl",
|
|
151
|
+
"finalFocusEl",
|
|
152
|
+
"role",
|
|
153
|
+
"onInteractOutside",
|
|
154
|
+
"onEscapeKeyDown",
|
|
155
|
+
"onPointerDownOutside",
|
|
156
|
+
"onFocusOutside",
|
|
157
|
+
"onRequestDismiss"
|
|
158
|
+
]);
|
|
159
|
+
const bottomSheet2 = useBottomSheet(useBottomSheetProps);
|
|
160
|
+
const presence = usePresence(mergeProps6(presenceProps, () => ({ present: bottomSheet2().open })));
|
|
161
|
+
return <BottomSheetProvider value={bottomSheet2}>
|
|
162
|
+
<RenderStrategyProvider value={renderStrategyProps}>
|
|
163
|
+
<PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
|
|
164
|
+
</RenderStrategyProvider>
|
|
165
|
+
</BottomSheetProvider>;
|
|
166
|
+
};
|
|
167
|
+
|
|
168
|
+
// src/components/bottom-sheet/bottom-sheet-root-provider.tsx
|
|
169
|
+
import { mergeProps as mergeProps7 } from "@zag-js/solid";
|
|
170
|
+
var BottomSheetRootProvider = (props) => {
|
|
171
|
+
const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
|
|
172
|
+
const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
|
|
173
|
+
const presence = usePresence(mergeProps7(() => ({ present: bottomSheetProps.value().open }), presenceProps));
|
|
174
|
+
return <BottomSheetProvider value={bottomSheetProps.value}>
|
|
175
|
+
<RenderStrategyProvider value={renderStrategyProps}>
|
|
176
|
+
<PresenceProvider value={presence}>{bottomSheetProps.children}</PresenceProvider>
|
|
177
|
+
</RenderStrategyProvider>
|
|
178
|
+
</BottomSheetProvider>;
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
// src/components/bottom-sheet/bottom-sheet-title.tsx
|
|
182
|
+
import { mergeProps as mergeProps8 } from "@zag-js/solid";
|
|
183
|
+
var BottomSheetTitle = (props) => {
|
|
184
|
+
const bottomSheet2 = useBottomSheetContext();
|
|
185
|
+
const mergedProps = mergeProps8(() => bottomSheet2().getTitleProps(), props);
|
|
186
|
+
return <ark.h2 {...mergedProps} />;
|
|
187
|
+
};
|
|
188
|
+
|
|
189
|
+
// src/components/bottom-sheet/bottom-sheet-trigger.tsx
|
|
190
|
+
import { mergeProps as mergeProps9 } from "@zag-js/solid";
|
|
191
|
+
var BottomSheetTrigger = (props) => {
|
|
192
|
+
const bottomSheet2 = useBottomSheetContext();
|
|
193
|
+
const presence = usePresenceContext();
|
|
194
|
+
const mergedProps = mergeProps9(
|
|
195
|
+
() => bottomSheet2().getTriggerProps(),
|
|
196
|
+
() => ({ "aria-controls": presence().unmounted && null }),
|
|
197
|
+
props
|
|
198
|
+
);
|
|
199
|
+
return <ark.button {...mergedProps} />;
|
|
200
|
+
};
|
|
201
|
+
|
|
202
|
+
// src/components/bottom-sheet/bottom-sheet.ts
|
|
203
|
+
var bottom_sheet_exports = {};
|
|
204
|
+
__export(bottom_sheet_exports, {
|
|
205
|
+
Backdrop: () => BottomSheetBackdrop,
|
|
206
|
+
CloseTrigger: () => BottomSheetCloseTrigger,
|
|
207
|
+
Content: () => BottomSheetContent,
|
|
208
|
+
Context: () => BottomSheetContext,
|
|
209
|
+
Grabber: () => BottomSheetGrabber,
|
|
210
|
+
GrabberIndicator: () => BottomSheetGrabberIndicator,
|
|
211
|
+
Root: () => BottomSheetRoot,
|
|
212
|
+
RootProvider: () => BottomSheetRootProvider,
|
|
213
|
+
Title: () => BottomSheetTitle,
|
|
214
|
+
Trigger: () => BottomSheetTrigger
|
|
215
|
+
});
|
|
216
|
+
|
|
217
|
+
export {
|
|
218
|
+
useBottomSheetContext,
|
|
219
|
+
BottomSheetBackdrop,
|
|
220
|
+
BottomSheetCloseTrigger,
|
|
221
|
+
BottomSheetContent,
|
|
222
|
+
BottomSheetContext,
|
|
223
|
+
BottomSheetGrabber,
|
|
224
|
+
BottomSheetGrabberIndicator,
|
|
225
|
+
useBottomSheet,
|
|
226
|
+
BottomSheetRoot,
|
|
227
|
+
BottomSheetRootProvider,
|
|
228
|
+
BottomSheetTitle,
|
|
229
|
+
BottomSheetTrigger,
|
|
230
|
+
bottom_sheet_exports
|
|
231
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
collapsible_exports
|
|
3
|
-
} from "./
|
|
3
|
+
} from "./SDGVKFY2.jsx";
|
|
4
4
|
import {
|
|
5
5
|
RenderStrategyProvider,
|
|
6
6
|
splitRenderStrategyProps,
|
|
@@ -188,6 +188,15 @@ var TreeViewNodeCheckboxIndicator = (props) => {
|
|
|
188
188
|
return props.fallback;
|
|
189
189
|
};
|
|
190
190
|
|
|
191
|
+
// src/components/tree-view/tree-view-node-rename-input.tsx
|
|
192
|
+
import { mergeProps as mergeProps13 } from "@zag-js/solid";
|
|
193
|
+
var TreeViewNodeRenameInput = (props) => {
|
|
194
|
+
const treeView2 = useTreeViewContext();
|
|
195
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
196
|
+
const mergedProps = mergeProps13(() => treeView2().getNodeRenameInputProps(nodeProps), props);
|
|
197
|
+
return <ark.input {...mergedProps} />;
|
|
198
|
+
};
|
|
199
|
+
|
|
191
200
|
// src/components/tree-view/tree-view-node-context.ts
|
|
192
201
|
var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
|
|
193
202
|
|
|
@@ -203,7 +212,7 @@ function TreeViewNodeProvider(props) {
|
|
|
203
212
|
}
|
|
204
213
|
|
|
205
214
|
// src/components/tree-view/tree-view-root.tsx
|
|
206
|
-
import { mergeProps as
|
|
215
|
+
import { mergeProps as mergeProps14 } from "@zag-js/solid";
|
|
207
216
|
|
|
208
217
|
// src/components/tree-view/use-tree-view.ts
|
|
209
218
|
import { normalizeProps, useMachine } from "@zag-js/solid";
|
|
@@ -227,6 +236,7 @@ var useTreeView = (props) => {
|
|
|
227
236
|
var TreeViewRoot = (props) => {
|
|
228
237
|
const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
|
|
229
238
|
const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
|
|
239
|
+
"canRename",
|
|
230
240
|
"checkedValue",
|
|
231
241
|
"collection",
|
|
232
242
|
"defaultCheckedValue",
|
|
@@ -239,18 +249,21 @@ var TreeViewRoot = (props) => {
|
|
|
239
249
|
"id",
|
|
240
250
|
"ids",
|
|
241
251
|
"loadChildren",
|
|
252
|
+
"onBeforeRename",
|
|
242
253
|
"onCheckedChange",
|
|
243
254
|
"onExpandedChange",
|
|
244
255
|
"onFocusChange",
|
|
245
256
|
"onLoadChildrenComplete",
|
|
246
257
|
"onLoadChildrenError",
|
|
258
|
+
"onRenameComplete",
|
|
259
|
+
"onRenameStart",
|
|
247
260
|
"onSelectionChange",
|
|
248
261
|
"selectedValue",
|
|
249
262
|
"selectionMode",
|
|
250
263
|
"typeahead"
|
|
251
264
|
]);
|
|
252
265
|
const treeView2 = useTreeView(useTreeViewProps);
|
|
253
|
-
const mergedProps =
|
|
266
|
+
const mergedProps = mergeProps14(() => treeView2().getRootProps(), localProps);
|
|
254
267
|
return <TreeViewProvider value={treeView2}>
|
|
255
268
|
<RenderStrategyProvider value={renderStrategyProps}>
|
|
256
269
|
<ark.div {...mergedProps} />
|
|
@@ -259,11 +272,11 @@ var TreeViewRoot = (props) => {
|
|
|
259
272
|
};
|
|
260
273
|
|
|
261
274
|
// src/components/tree-view/tree-view-root-provider.tsx
|
|
262
|
-
import { mergeProps as
|
|
275
|
+
import { mergeProps as mergeProps15 } from "@zag-js/solid";
|
|
263
276
|
var TreeViewRootProvider = (props) => {
|
|
264
277
|
const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
|
|
265
278
|
const [{ value: treeView2 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
|
|
266
|
-
const mergedProps =
|
|
279
|
+
const mergedProps = mergeProps15(() => treeView2().getRootProps(), localProps);
|
|
267
280
|
return <TreeViewProvider value={treeView2}>
|
|
268
281
|
<RenderStrategyProvider value={renderStrategyProps}>
|
|
269
282
|
<ark.div {...mergedProps} />
|
|
@@ -272,10 +285,10 @@ var TreeViewRootProvider = (props) => {
|
|
|
272
285
|
};
|
|
273
286
|
|
|
274
287
|
// src/components/tree-view/tree-view-tree.tsx
|
|
275
|
-
import { mergeProps as
|
|
288
|
+
import { mergeProps as mergeProps16 } from "@zag-js/solid";
|
|
276
289
|
var TreeViewTree = (props) => {
|
|
277
290
|
const treeView2 = useTreeViewContext();
|
|
278
|
-
const mergedProps =
|
|
291
|
+
const mergedProps = mergeProps16(() => treeView2().getTreeProps(), props);
|
|
279
292
|
return <ark.div {...mergedProps} />;
|
|
280
293
|
};
|
|
281
294
|
|
|
@@ -298,6 +311,7 @@ __export(tree_view_exports, {
|
|
|
298
311
|
NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
|
|
299
312
|
NodeContext: () => TreeViewNodeContext,
|
|
300
313
|
NodeProvider: () => TreeViewNodeProvider,
|
|
314
|
+
NodeRenameInput: () => TreeViewNodeRenameInput,
|
|
301
315
|
Root: () => TreeViewRoot,
|
|
302
316
|
RootProvider: () => TreeViewRootProvider,
|
|
303
317
|
Tree: () => TreeViewTree
|
|
@@ -320,6 +334,7 @@ export {
|
|
|
320
334
|
TreeViewLabel,
|
|
321
335
|
TreeViewNodeCheckbox,
|
|
322
336
|
TreeViewNodeCheckboxIndicator,
|
|
337
|
+
TreeViewNodeRenameInput,
|
|
323
338
|
TreeViewNodeContext,
|
|
324
339
|
TreeViewNodeProvider,
|
|
325
340
|
useTreeView,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './
|
|
1
|
+
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
|
|
2
2
|
import { composeRefs } from './ROP6QZQ7.js';
|
|
3
3
|
import { createSplitProps } from './ZMHI4GDJ.js';
|
|
4
4
|
import { ark } from './EPLBB4QN.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useTreeViewContext, tree_view_exports, useTreeView } from './
|
|
1
|
+
import { useTreeViewContext, tree_view_exports, useTreeView } from './O7E5IIY5.js';
|
|
2
2
|
import { createTreeCollection } from './APULXWCH.js';
|
|
3
3
|
import { createSplitProps } from './ZMHI4GDJ.js';
|
|
4
4
|
import { createContext } from './TROPIN4C.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './
|
|
1
|
+
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
|
|
2
2
|
import { useFieldContext } from './XVLA2LIV.js';
|
|
3
3
|
import { composeRefs } from './ROP6QZQ7.js';
|
|
4
4
|
import { colorPickerAnatomy } from './7ANKVUWM.js';
|
|
@@ -59,7 +59,7 @@ var useCollapsible = (props = {}) => {
|
|
|
59
59
|
|
|
60
60
|
// src/components/collapsible/collapsible-root.tsx
|
|
61
61
|
var CollapsibleRoot = (props) => {
|
|
62
|
-
const [useCollapsibleProps, localProps] = createSplitProps()(props, ["defaultOpen", "disabled", "id", "ids", "lazyMount", "onExitComplete", "onOpenChange", "open", "unmountOnExit"]);
|
|
62
|
+
const [useCollapsibleProps, localProps] = createSplitProps()(props, ["collapsedHeight", "collapsedWidth", "defaultOpen", "disabled", "id", "ids", "lazyMount", "onExitComplete", "onOpenChange", "open", "unmountOnExit"]);
|
|
63
63
|
const api = useCollapsible(useCollapsibleProps);
|
|
64
64
|
const mergedProps = mergeProps(() => api().getRootProps(), localProps);
|
|
65
65
|
return createComponent(CollapsibleProvider, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './
|
|
1
|
+
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
|
|
2
2
|
import { useFieldContext } from './XVLA2LIV.js';
|
|
3
3
|
import { composeRefs } from './ROP6QZQ7.js';
|
|
4
4
|
import { comboboxAnatomy } from './POIATK64.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './
|
|
1
|
+
import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JDIMSSD7.js';
|
|
2
2
|
import { composeRefs } from './ROP6QZQ7.js';
|
|
3
3
|
import { createSplitProps } from './ZMHI4GDJ.js';
|
|
4
4
|
import { ark } from './EPLBB4QN.js';
|
|
@@ -79,6 +79,8 @@ var useCollapsible = (props = {}) => {
|
|
|
79
79
|
// src/components/collapsible/collapsible-root.tsx
|
|
80
80
|
var CollapsibleRoot = (props) => {
|
|
81
81
|
const [useCollapsibleProps, localProps] = createSplitProps()(props, [
|
|
82
|
+
"collapsedHeight",
|
|
83
|
+
"collapsedWidth",
|
|
82
84
|
"defaultOpen",
|
|
83
85
|
"disabled",
|
|
84
86
|
"id",
|
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
splitPresenceProps,
|
|
4
4
|
usePresence,
|
|
5
5
|
usePresenceContext
|
|
6
|
-
} from "./
|
|
6
|
+
} from "./ZHZ6OA3V.jsx";
|
|
7
7
|
import {
|
|
8
8
|
useFieldContext
|
|
9
|
-
} from "./
|
|
9
|
+
} from "./7SG5GQHN.jsx";
|
|
10
10
|
import {
|
|
11
11
|
composeRefs
|
|
12
12
|
} from "./PT2CJE3O.jsx";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './
|
|
1
|
+
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
|
|
2
2
|
import { composeRefs } from './ROP6QZQ7.js';
|
|
3
3
|
import { datePickerAnatomy } from './6HVSV6OM.js';
|
|
4
4
|
import { createSplitProps } from './ZMHI4GDJ.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './
|
|
1
|
+
import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JDIMSSD7.js';
|
|
2
2
|
import { useFieldContext } from './XVLA2LIV.js';
|
|
3
3
|
import { composeRefs } from './ROP6QZQ7.js';
|
|
4
4
|
import { createSplitProps } from './ZMHI4GDJ.js';
|
|
@@ -44,10 +44,14 @@ var usePresence = (props) => {
|
|
|
44
44
|
const present = api().present;
|
|
45
45
|
if (present) setWasEverPresent(true);
|
|
46
46
|
});
|
|
47
|
+
const setNode = (node) => {
|
|
48
|
+
if (!node) return;
|
|
49
|
+
service.send({ type: "NODE.SET", node });
|
|
50
|
+
};
|
|
47
51
|
return createMemo(() => ({
|
|
48
52
|
unmounted: !api().present && !wasEverPresent() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().present && wasEverPresent(),
|
|
49
53
|
present: api().present,
|
|
50
|
-
ref:
|
|
54
|
+
ref: setNode,
|
|
51
55
|
presenceProps: {
|
|
52
56
|
hidden: !api().present,
|
|
53
57
|
"data-state": api().skip && localProps.skipAnimationOnMount ? void 0 : localProps.present ? "open" : "closed"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _zag_js_anatomy from '@zag-js/anatomy';
|
|
2
2
|
|
|
3
|
-
declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"
|
|
3
|
+
declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
|
|
4
4
|
|
|
5
5
|
export { colorPickerAnatomy as c };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _zag_js_anatomy from '@zag-js/anatomy';
|
|
2
2
|
|
|
3
|
-
declare const comboboxAnatomy: _zag_js_anatomy.AnatomyInstance<"
|
|
3
|
+
declare const comboboxAnatomy: _zag_js_anatomy.AnatomyInstance<"input" | "label" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
|
|
4
4
|
|
|
5
5
|
export { comboboxAnatomy as c };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/
|
|
1
|
+
export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/JUN7WBUJ.js';
|
|
2
2
|
export { anatomy as accordionAnatomy } from '../../chunk/PB2JIZF3.js';
|
|
@@ -11,8 +11,8 @@ import {
|
|
|
11
11
|
useAccordion,
|
|
12
12
|
useAccordionContext,
|
|
13
13
|
useAccordionItemContext
|
|
14
|
-
} from "../../chunk/
|
|
15
|
-
import "../../chunk/
|
|
14
|
+
} from "../../chunk/SNBGNSXC.jsx";
|
|
15
|
+
import "../../chunk/SDGVKFY2.jsx";
|
|
16
16
|
import "../../chunk/NEBB7COJ.jsx";
|
|
17
17
|
import "../../chunk/6WEDGJKQ.jsx";
|
|
18
18
|
import "../../chunk/ODQYYKL5.jsx";
|
|
@@ -2,21 +2,22 @@ export * from '@zag-js/anatomy';
|
|
|
2
2
|
export { anatomy as accordionAnatomy } from '@zag-js/accordion';
|
|
3
3
|
export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
|
|
4
4
|
export { anatomy as avatarAnatomy } from '@zag-js/avatar';
|
|
5
|
+
export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
|
|
5
6
|
export { anatomy as carouselAnatomy } from '@zag-js/carousel';
|
|
6
|
-
export { c as checkboxAnatomy } from '../checkbox.anatomy-
|
|
7
|
+
export { c as checkboxAnatomy } from '../checkbox.anatomy-YlC7nNXs.js';
|
|
7
8
|
export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
|
|
8
9
|
export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
|
|
9
|
-
export { c as colorPickerAnatomy } from '../color-picker.anatomy-
|
|
10
|
-
export { c as comboboxAnatomy } from '../combobox.anatomy-
|
|
11
|
-
export { d as datePickerAnatomy } from '../date-picker.anatomy-
|
|
10
|
+
export { c as colorPickerAnatomy } from '../color-picker.anatomy-Dxw1DJ2S.js';
|
|
11
|
+
export { c as comboboxAnatomy } from '../combobox.anatomy-CW3VXK4N.js';
|
|
12
|
+
export { d as datePickerAnatomy } from '../date-picker.anatomy-DLXcqHH9.js';
|
|
12
13
|
export { anatomy as dialogAnatomy } from '@zag-js/dialog';
|
|
13
14
|
export { anatomy as editableAnatomy } from '@zag-js/editable';
|
|
14
|
-
export { f as fieldAnatomy } from '../field.anatomy-
|
|
15
|
-
export { f as fieldsetAnatomy } from '../fieldset.anatomy-
|
|
15
|
+
export { f as fieldAnatomy } from '../field.anatomy-BA_rbPae.js';
|
|
16
|
+
export { f as fieldsetAnatomy } from '../fieldset.anatomy-ByHwSFid.js';
|
|
16
17
|
export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
|
|
17
18
|
export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
|
|
18
19
|
export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
|
|
19
|
-
export { l as listboxAnatomy } from '../listbox.anatomy-
|
|
20
|
+
export { l as listboxAnatomy } from '../listbox.anatomy-ogRrsXMY.js';
|
|
20
21
|
export { anatomy as menuAnatomy } from '@zag-js/menu';
|
|
21
22
|
export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
|
|
22
23
|
export { anatomy as paginationAnatomy } from '@zag-js/pagination';
|
|
@@ -42,5 +43,5 @@ export { anatomy as toastAnatomy } from '@zag-js/toast';
|
|
|
42
43
|
export { t as toggleAnatomy } from '../toggle.anatomy-kQyY2NzP.js';
|
|
43
44
|
export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
|
|
44
45
|
export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
|
|
45
|
-
export { t as tourAnatomy } from '../tour.anatomy-
|
|
46
|
+
export { t as tourAnatomy } from '../tour.anatomy-LyAf9UF9.js';
|
|
46
47
|
export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
|