@sprawlify/solid 0.0.109 → 0.0.111

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 (100) hide show
  1. package/dist/{alert-dialog-anatomy-DYrlnQZF.d.ts → alert-dialog-anatomy-C2_0cMsp.d.ts} +1 -1
  2. package/dist/{carousel-anatomy-B5-JHfpO.d.ts → carousel-anatomy-D6Mj7oF7.d.ts} +1 -1
  3. package/dist/{checkbox-anatomy-DO7Zh6Pz.d.ts → checkbox-anatomy-6YrEMoE8.d.ts} +1 -1
  4. package/dist/{collapsible-Pn9qzDqQ.jsx → collapsible-DhguH1Yh.jsx} +2 -2
  5. package/dist/color-picker-anatomy-CYCuI0Qh.d.ts +6 -0
  6. package/dist/{combobox-anatomy-BRxZnCfq.d.ts → combobox-anatomy-BP3wcKDL.d.ts} +1 -1
  7. package/dist/components/accordion/index.jsx +3 -3
  8. package/dist/components/alert-dialog/index.d.ts +1 -1
  9. package/dist/components/alert-dialog/index.jsx +4 -4
  10. package/dist/components/anatomy.d.ts +13 -13
  11. package/dist/components/anatomy.js +2 -2
  12. package/dist/components/angle-slider/index.jsx +1 -1
  13. package/dist/components/aspect-ratio/index.jsx +1 -1
  14. package/dist/components/avatar/index.jsx +1 -1
  15. package/dist/components/carousel/index.d.ts +1 -1
  16. package/dist/components/carousel/index.jsx +1 -1
  17. package/dist/components/checkbox/index.d.ts +1 -1
  18. package/dist/components/checkbox/index.jsx +4 -4
  19. package/dist/components/clipboard/index.jsx +1 -1
  20. package/dist/components/collapsible/index.jsx +3 -3
  21. package/dist/components/color-picker/index.d.ts +1 -1
  22. package/dist/components/color-picker/index.jsx +6 -6
  23. package/dist/components/combobox/index.d.ts +1 -1
  24. package/dist/components/combobox/index.jsx +6 -6
  25. package/dist/components/date-picker/index.d.ts +1 -1
  26. package/dist/components/date-picker/index.jsx +4 -4
  27. package/dist/components/dialog/index.jsx +4 -4
  28. package/dist/components/drawer/index.d.ts +116 -0
  29. package/dist/components/drawer/index.js +291 -0
  30. package/dist/components/drawer/index.jsx +237 -0
  31. package/dist/components/dropdown-menu/index.jsx +4 -4
  32. package/dist/components/editable/index.jsx +4 -4
  33. package/dist/components/field/index.d.ts +1 -1
  34. package/dist/components/field/index.jsx +4 -4
  35. package/dist/components/fieldset/index.d.ts +1 -1
  36. package/dist/components/fieldset/index.jsx +3 -3
  37. package/dist/components/file-upload/index.jsx +4 -4
  38. package/dist/components/floating-panel/index.jsx +4 -4
  39. package/dist/components/focus-trap/index.jsx +2 -2
  40. package/dist/components/frame/index.jsx +1 -1
  41. package/dist/components/highlight/index.jsx +1 -1
  42. package/dist/components/hover-card/index.jsx +4 -4
  43. package/dist/components/image-cropper/index.jsx +1 -1
  44. package/dist/components/json-tree-view/index.jsx +4 -4
  45. package/dist/components/listbox/index.d.ts +1 -1
  46. package/dist/components/listbox/index.jsx +1 -1
  47. package/dist/components/marquee/index.jsx +1 -1
  48. package/dist/components/navigation-menu/index.jsx +4 -4
  49. package/dist/components/number-input/index.jsx +4 -4
  50. package/dist/components/pagination/index.jsx +1 -1
  51. package/dist/components/password-input/index.jsx +4 -4
  52. package/dist/components/pin-input/index.jsx +4 -4
  53. package/dist/components/popover/index.jsx +4 -4
  54. package/dist/components/presence/index.jsx +4 -4
  55. package/dist/components/progress/index.jsx +1 -1
  56. package/dist/components/qr-code/index.jsx +1 -1
  57. package/dist/components/radio-group/index.jsx +3 -3
  58. package/dist/components/rating-group/index.jsx +4 -4
  59. package/dist/components/scroll-area/index.jsx +1 -1
  60. package/dist/components/segment-group/index.d.ts +1 -1
  61. package/dist/components/segment-group/index.jsx +1 -1
  62. package/dist/components/select/index.jsx +6 -6
  63. package/dist/components/separator/index.jsx +1 -1
  64. package/dist/components/signature-pad/index.jsx +4 -4
  65. package/dist/components/slider/index.jsx +1 -1
  66. package/dist/components/splitter/index.jsx +1 -1
  67. package/dist/components/steps/index.jsx +1 -1
  68. package/dist/components/switch/index.jsx +4 -4
  69. package/dist/components/tabs/index.jsx +4 -4
  70. package/dist/components/tags-input/index.jsx +4 -4
  71. package/dist/components/timer/index.jsx +1 -1
  72. package/dist/components/toggle/index.jsx +1 -1
  73. package/dist/components/toggle-group/index.jsx +1 -1
  74. package/dist/components/tooltip/index.jsx +4 -4
  75. package/dist/components/tour/index.d.ts +1 -1
  76. package/dist/components/tour/index.jsx +4 -4
  77. package/dist/components/tree-view/index.jsx +4 -4
  78. package/dist/date-picker-anatomy-DFw6S35t.d.ts +6 -0
  79. package/dist/drawer-anatomy-BX_dO1CK.d.ts +2 -0
  80. package/dist/drawer-anatomy-yHqvQAPn.js +2 -0
  81. package/dist/{field-C5XZzEJQ.jsx → field-Blp6NDsc.jsx} +3 -3
  82. package/dist/{field-anatomy-DhMytzIn.d.ts → field-anatomy-DfP5AI6N.d.ts} +1 -1
  83. package/dist/{fieldset-Dvfd8o02.jsx → fieldset-Lbk9tsVV.jsx} +2 -2
  84. package/dist/{fieldset-anatomy-t2uR3tz-.d.ts → fieldset-anatomy-CKytu4jl.d.ts} +1 -1
  85. package/dist/{listbox-anatomy-CC-gib7S.d.ts → listbox-anatomy-C6Bu4F-s.d.ts} +1 -1
  86. package/dist/{presence-B0xtId0Q.jsx → presence-BcYjLSBT.jsx} +3 -3
  87. package/dist/{render-strategy-BB2DhQSO.jsx → render-strategy-6LT04Ztx.jsx} +1 -1
  88. package/dist/{segment-group-anatomy-DwgdyOB9.d.ts → segment-group-anatomy-DKBcX-Mi.d.ts} +1 -1
  89. package/dist/{tour-anatomy-bvyrGdgp.d.ts → tour-anatomy-BrwK1nVa.d.ts} +1 -1
  90. package/dist/{tree-view-DqDwXi6S.jsx → tree-view-nwQzRTs2.jsx} +3 -3
  91. package/package.json +7 -7
  92. package/dist/bottom-sheet-anatomy-C70fosOT.js +0 -2
  93. package/dist/bottom-sheet-anatomy-EFEmb--0.d.ts +0 -2
  94. package/dist/color-picker-anatomy-DWynAhsf.d.ts +0 -6
  95. package/dist/components/bottom-sheet/index.d.ts +0 -80
  96. package/dist/components/bottom-sheet/index.js +0 -206
  97. package/dist/components/bottom-sheet/index.jsx +0 -165
  98. package/dist/date-picker-anatomy-CP8uKhny.d.ts +0 -6
  99. /package/dist/{compose-refs-CeEgnlQr.jsx → compose-refs-Jq47jedK.jsx} +0 -0
  100. /package/dist/{create-split-props-Bs7cdSMW.jsx → create-split-props-B2Gc7D9P.jsx} +0 -0
@@ -0,0 +1,291 @@
1
+ import { t as __exportAll } from "../../chunk-pbuEa-1d.js";
2
+ import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-BHfpfUk-.js";
3
+ import { t as runIfFn } from "../../run-if-fn-BV7F-Eeb.js";
4
+ import { t as createContext$1 } from "../../create-context-BEnzb67H.js";
5
+ import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-vv33Jo9Q.js";
6
+ import { t as sprawlify } from "../../factory-DORgzART.js";
7
+ import { t as drawerAnatomy } from "../../drawer-anatomy-yHqvQAPn.js";
8
+ import { t as createSplitProps } from "../../create-split-props-OE-yOtGc.js";
9
+ import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-BAqQL-Hs.js";
10
+ import { t as composeRefs } from "../../compose-refs-BKcaHXR8.js";
11
+ import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-CuZG4SWb.js";
12
+ import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
13
+ import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
14
+ import * as drawer from "@sprawlify/primitives/machines/drawer";
15
+ import { createStore, reconcile } from "solid-js/store";
16
+ //#region src/components/drawer/use-drawer-context.ts
17
+ const [DrawerProvider, useDrawerContext] = createContext$1({
18
+ hookName: "useDrawerContext",
19
+ providerName: "<DrawerProvider />"
20
+ });
21
+ //#endregion
22
+ //#region src/components/drawer/drawer-backdrop.tsx
23
+ const DrawerBackdrop = (props) => {
24
+ const drawer = useDrawerContext();
25
+ const presence = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: drawer().open })));
26
+ const mergedProps = mergeProps$2(() => drawer().getBackdropProps(), () => presence().presenceProps, props);
27
+ return createComponent(Show, {
28
+ get when() {
29
+ return !presence().unmounted;
30
+ },
31
+ get children() {
32
+ return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
33
+ var _ref$ = composeRefs(presence().ref, props.ref);
34
+ typeof _ref$ === "function" && _ref$(r$);
35
+ } }));
36
+ }
37
+ });
38
+ };
39
+ //#endregion
40
+ //#region src/components/drawer/drawer-close-trigger.tsx
41
+ const DrawerCloseTrigger = (props) => {
42
+ const context = useDrawerContext();
43
+ const mergedProps = mergeProps$2(() => context().getCloseTriggerProps(), props);
44
+ return createComponent(sprawlify.button, mergedProps);
45
+ };
46
+ //#endregion
47
+ //#region src/components/drawer/drawer-content.tsx
48
+ const DrawerContent = (props) => {
49
+ const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
50
+ const drawer = useDrawerContext();
51
+ const presence = usePresenceContext();
52
+ const mergedProps = mergeProps$2(() => drawer().getContentProps({
53
+ draggable: true,
54
+ ...contentProps
55
+ }), () => presence().presenceProps, localProps);
56
+ return createComponent(Show, {
57
+ get when() {
58
+ return !presence().unmounted;
59
+ },
60
+ get children() {
61
+ return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
62
+ var _ref$ = composeRefs(presence().ref, localProps.ref);
63
+ typeof _ref$ === "function" && _ref$(r$);
64
+ } }));
65
+ }
66
+ });
67
+ };
68
+ //#endregion
69
+ //#region src/components/drawer/drawer-description.tsx
70
+ const DrawerDescription = (props) => {
71
+ const drawer = useDrawerContext();
72
+ const mergedProps = mergeProps$2(() => drawer().getDescriptionProps(), props);
73
+ return createComponent(sprawlify.div, mergedProps);
74
+ };
75
+ //#endregion
76
+ //#region src/components/drawer/drawer-context.tsx
77
+ const DrawerContext = (props) => props.children(useDrawerContext());
78
+ //#endregion
79
+ //#region src/components/drawer/drawer-positioner.tsx
80
+ const DrawerPositioner = (props) => {
81
+ const drawer = useDrawerContext();
82
+ const presence = usePresenceContext();
83
+ const mergedProps = mergeProps$2(() => drawer().getPositionerProps(), props);
84
+ return createComponent(Show, {
85
+ get when() {
86
+ return !presence().unmounted;
87
+ },
88
+ get children() {
89
+ return createComponent(sprawlify.div, mergedProps);
90
+ }
91
+ });
92
+ };
93
+ //#endregion
94
+ //#region src/components/drawer/drawer-grabber.tsx
95
+ const DrawerGrabber = (props) => {
96
+ const drawer = useDrawerContext();
97
+ const mergedProps = mergeProps$2(() => drawer().getGrabberProps(), props);
98
+ return createComponent(sprawlify.div, mergedProps);
99
+ };
100
+ //#endregion
101
+ //#region src/components/drawer/drawer-grabber-indicator.tsx
102
+ const DrawerGrabberIndicator = (props) => {
103
+ const drawer = useDrawerContext();
104
+ const mergedProps = mergeProps$2(() => drawer().getGrabberIndicatorProps(), props);
105
+ return createComponent(sprawlify.div, mergedProps);
106
+ };
107
+ //#endregion
108
+ //#region src/components/drawer/use-drawer-stack-store.ts
109
+ const DrawerStackStoreContext = createContext();
110
+ const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
111
+ const useDrawerStackStore = () => useContext(DrawerStackStoreContext);
112
+ //#endregion
113
+ //#region src/components/drawer/use-drawer.ts
114
+ const useDrawer = (props) => {
115
+ const locale = useLocaleContext();
116
+ const environment = useEnvironmentContext();
117
+ const id = createUniqueId();
118
+ const stack = useDrawerStackStore();
119
+ const machineProps = createMemo(() => ({
120
+ id,
121
+ dir: locale().dir,
122
+ getRootNode: environment().getRootNode,
123
+ stack,
124
+ ...runIfFn(props)
125
+ }));
126
+ const service = useMachine(drawer.machine, machineProps);
127
+ return createMemo(() => drawer.connect(service, normalizeProps));
128
+ };
129
+ //#endregion
130
+ //#region src/components/drawer/drawer-root.tsx
131
+ const DrawerRoot = (props) => {
132
+ const [presenceProps, drawerProps] = splitPresenceProps(props);
133
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
134
+ const [useDrawerProps, localProps] = createSplitProps()(drawerProps, [
135
+ "id",
136
+ "ids",
137
+ "open",
138
+ "defaultOpen",
139
+ "onOpenChange",
140
+ "closeOnInteractOutside",
141
+ "closeOnEscape",
142
+ "snapPoints",
143
+ "swipeDirection",
144
+ "snapToSequentialPoints",
145
+ "swipeVelocityThreshold",
146
+ "closeThreshold",
147
+ "preventDragOnScroll",
148
+ "stack",
149
+ "snapPoint",
150
+ "defaultSnapPoint",
151
+ "onSnapPointChange",
152
+ "modal",
153
+ "trapFocus",
154
+ "restoreFocus",
155
+ "preventScroll",
156
+ "initialFocusEl",
157
+ "finalFocusEl",
158
+ "role",
159
+ "onInteractOutside",
160
+ "onEscapeKeyDown",
161
+ "onPointerDownOutside",
162
+ "onFocusOutside",
163
+ "onRequestDismiss"
164
+ ]);
165
+ const drawer = useDrawer(useDrawerProps);
166
+ const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: drawer().open })));
167
+ return createComponent(DrawerProvider, {
168
+ value: drawer,
169
+ get children() {
170
+ return createComponent(RenderStrategyProvider, {
171
+ value: renderStrategyProps,
172
+ get children() {
173
+ return createComponent(PresenceProvider, {
174
+ value: presence,
175
+ get children() {
176
+ return localProps.children;
177
+ }
178
+ });
179
+ }
180
+ });
181
+ }
182
+ });
183
+ };
184
+ //#endregion
185
+ //#region src/components/drawer/drawer-root-provider.tsx
186
+ const DrawerRootProvider = (props) => {
187
+ const [presenceProps, drawerProps] = splitPresenceProps(props);
188
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
189
+ const presence = usePresence(mergeProps$2(() => ({ present: drawerProps.value().open }), presenceProps));
190
+ return createComponent(DrawerProvider, {
191
+ get value() {
192
+ return drawerProps.value;
193
+ },
194
+ get children() {
195
+ return createComponent(RenderStrategyProvider, {
196
+ value: renderStrategyProps,
197
+ get children() {
198
+ return createComponent(PresenceProvider, {
199
+ value: presence,
200
+ get children() {
201
+ return drawerProps.children;
202
+ }
203
+ });
204
+ }
205
+ });
206
+ }
207
+ });
208
+ };
209
+ //#endregion
210
+ //#region src/components/drawer/drawer-title.tsx
211
+ const DrawerTitle = (props) => {
212
+ const drawer = useDrawerContext();
213
+ const mergedProps = mergeProps$2(() => drawer().getTitleProps(), props);
214
+ return createComponent(sprawlify.h2, mergedProps);
215
+ };
216
+ //#endregion
217
+ //#region src/components/drawer/drawer-trigger.tsx
218
+ const DrawerTrigger = (props) => {
219
+ const drawer = useDrawerContext();
220
+ const presence = usePresenceContext();
221
+ const mergedProps = mergeProps$2(() => drawer().getTriggerProps(), () => ({ "aria-controls": presence().unmounted && null }), props);
222
+ return createComponent(sprawlify.button, mergedProps);
223
+ };
224
+ //#endregion
225
+ //#region src/components/drawer/use-drawer-stack-context.ts
226
+ const [DrawerStackProvider, useDrawerStackContext] = createContext$1({
227
+ hookName: "useDrawerStackContext",
228
+ providerName: "<DrawerStackProvider />"
229
+ });
230
+ //#endregion
231
+ //#region src/components/drawer/drawer-indent.tsx
232
+ const DrawerIndent = (props) => {
233
+ const stackApi = useDrawerStackContext();
234
+ const mergedProps = mergeProps$2(() => stackApi().getIndentProps(), props);
235
+ return createComponent(sprawlify.div, mergedProps);
236
+ };
237
+ //#endregion
238
+ //#region src/components/drawer/drawer-indent-background.tsx
239
+ const DrawerIndentBackground = (props) => {
240
+ const stackApi = useDrawerStackContext();
241
+ const mergedProps = mergeProps$2(() => stackApi().getIndentBackgroundProps(), props);
242
+ return createComponent(sprawlify.div, mergedProps);
243
+ };
244
+ //#endregion
245
+ //#region src/components/drawer/drawer-stack.tsx
246
+ const DrawerStack = (props) => {
247
+ const stack = drawer.createStack();
248
+ const [snapshot, setSnapshot] = createStore(stack.getSnapshot());
249
+ stack.subscribe(() => setSnapshot(reconcile(stack.getSnapshot())));
250
+ const stackApi = createMemo(() => drawer.connectStack(snapshot, normalizeProps));
251
+ return createComponent(DrawerStackStoreProvider, {
252
+ value: stack,
253
+ get children() {
254
+ return createComponent(DrawerStackProvider, {
255
+ value: stackApi,
256
+ get children() {
257
+ return props.children;
258
+ }
259
+ });
260
+ }
261
+ });
262
+ };
263
+ //#endregion
264
+ //#region src/components/drawer/drawer-swipe-area.tsx
265
+ const DrawerSwipeArea = (props) => {
266
+ const drawer = useDrawerContext();
267
+ const mergedProps = mergeProps$2(() => drawer().getSwipeAreaProps(), props);
268
+ return createComponent(sprawlify.div, mergedProps);
269
+ };
270
+ //#endregion
271
+ //#region src/components/drawer/drawer.ts
272
+ var drawer_exports = /* @__PURE__ */ __exportAll({
273
+ Backdrop: () => DrawerBackdrop,
274
+ CloseTrigger: () => DrawerCloseTrigger,
275
+ Content: () => DrawerContent,
276
+ Context: () => DrawerContext,
277
+ Description: () => DrawerDescription,
278
+ Grabber: () => DrawerGrabber,
279
+ GrabberIndicator: () => DrawerGrabberIndicator,
280
+ Indent: () => DrawerIndent,
281
+ IndentBackground: () => DrawerIndentBackground,
282
+ Positioner: () => DrawerPositioner,
283
+ Root: () => DrawerRoot,
284
+ RootProvider: () => DrawerRootProvider,
285
+ Stack: () => DrawerStack,
286
+ SwipeArea: () => DrawerSwipeArea,
287
+ Title: () => DrawerTitle,
288
+ Trigger: () => DrawerTrigger
289
+ });
290
+ //#endregion
291
+ export { drawer_exports as Drawer, DrawerBackdrop, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerDescription, DrawerGrabber, DrawerGrabberIndicator, DrawerIndent, DrawerIndentBackground, DrawerPositioner, DrawerRoot, DrawerRootProvider, DrawerStack, DrawerSwipeArea, DrawerTitle, DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };
@@ -0,0 +1,237 @@
1
+ import { t as __exportAll } from "../../chunk-pQxUBDkX.jsx";
2
+ import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DUR6M1Mz.jsx";
3
+ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
4
+ import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
5
+ import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
6
+ import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
7
+ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
8
+ import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-6LT04Ztx.jsx";
9
+ import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
10
+ import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BcYjLSBT.jsx";
11
+ import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
12
+ import * as drawer from "@sprawlify/primitives/machines/drawer";
13
+ import { anatomy as drawerAnatomy } from "@sprawlify/primitives/machines/drawer";
14
+ import { createStore, reconcile } from "solid-js/store";
15
+ //#region src/components/drawer/use-drawer-context.ts
16
+ const [DrawerProvider, useDrawerContext] = createContext$1({
17
+ hookName: "useDrawerContext",
18
+ providerName: "<DrawerProvider />"
19
+ });
20
+ //#endregion
21
+ //#region src/components/drawer/drawer-backdrop.tsx
22
+ const DrawerBackdrop = (props) => {
23
+ const drawer = useDrawerContext();
24
+ const presence = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: drawer().open })));
25
+ const mergedProps = mergeProps$1(() => drawer().getBackdropProps(), () => presence().presenceProps, props);
26
+ return <Show when={!presence().unmounted}>
27
+ <sprawlify.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
28
+ </Show>;
29
+ };
30
+ //#endregion
31
+ //#region src/components/drawer/drawer-close-trigger.tsx
32
+ const DrawerCloseTrigger = (props) => {
33
+ const context = useDrawerContext();
34
+ const mergedProps = mergeProps$1(() => context().getCloseTriggerProps(), props);
35
+ return <sprawlify.button {...mergedProps} />;
36
+ };
37
+ //#endregion
38
+ //#region src/components/drawer/drawer-content.tsx
39
+ const DrawerContent = (props) => {
40
+ const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
41
+ const drawer = useDrawerContext();
42
+ const presence = usePresenceContext();
43
+ const mergedProps = mergeProps$1(() => drawer().getContentProps({
44
+ draggable: true,
45
+ ...contentProps
46
+ }), () => presence().presenceProps, localProps);
47
+ return <Show when={!presence().unmounted}>
48
+ <sprawlify.div {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
49
+ </Show>;
50
+ };
51
+ //#endregion
52
+ //#region src/components/drawer/drawer-description.tsx
53
+ const DrawerDescription = (props) => {
54
+ const drawer = useDrawerContext();
55
+ const mergedProps = mergeProps$1(() => drawer().getDescriptionProps(), props);
56
+ return <sprawlify.div {...mergedProps} />;
57
+ };
58
+ //#endregion
59
+ //#region src/components/drawer/drawer-context.tsx
60
+ const DrawerContext = (props) => props.children(useDrawerContext());
61
+ //#endregion
62
+ //#region src/components/drawer/drawer-positioner.tsx
63
+ const DrawerPositioner = (props) => {
64
+ const drawer = useDrawerContext();
65
+ const presence = usePresenceContext();
66
+ const mergedProps = mergeProps$1(() => drawer().getPositionerProps(), props);
67
+ return <Show when={!presence().unmounted}>
68
+ <sprawlify.div {...mergedProps} />
69
+ </Show>;
70
+ };
71
+ //#endregion
72
+ //#region src/components/drawer/drawer-grabber.tsx
73
+ const DrawerGrabber = (props) => {
74
+ const drawer = useDrawerContext();
75
+ const mergedProps = mergeProps$1(() => drawer().getGrabberProps(), props);
76
+ return <sprawlify.div {...mergedProps} />;
77
+ };
78
+ //#endregion
79
+ //#region src/components/drawer/drawer-grabber-indicator.tsx
80
+ const DrawerGrabberIndicator = (props) => {
81
+ const drawer = useDrawerContext();
82
+ const mergedProps = mergeProps$1(() => drawer().getGrabberIndicatorProps(), props);
83
+ return <sprawlify.div {...mergedProps} />;
84
+ };
85
+ //#endregion
86
+ //#region src/components/drawer/use-drawer-stack-store.ts
87
+ const DrawerStackStoreContext = createContext();
88
+ const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
89
+ const useDrawerStackStore = () => useContext(DrawerStackStoreContext);
90
+ //#endregion
91
+ //#region src/components/drawer/use-drawer.ts
92
+ const useDrawer = (props) => {
93
+ const locale = useLocaleContext();
94
+ const environment = useEnvironmentContext();
95
+ const id = createUniqueId();
96
+ const stack = useDrawerStackStore();
97
+ const machineProps = createMemo(() => ({
98
+ id,
99
+ dir: locale().dir,
100
+ getRootNode: environment().getRootNode,
101
+ stack,
102
+ ...runIfFn(props)
103
+ }));
104
+ const service = useMachine(drawer.machine, machineProps);
105
+ return createMemo(() => drawer.connect(service, normalizeProps));
106
+ };
107
+ //#endregion
108
+ //#region src/components/drawer/drawer-root.tsx
109
+ const DrawerRoot = (props) => {
110
+ const [presenceProps, drawerProps] = splitPresenceProps(props);
111
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
112
+ const [useDrawerProps, localProps] = createSplitProps()(drawerProps, [
113
+ "id",
114
+ "ids",
115
+ "open",
116
+ "defaultOpen",
117
+ "onOpenChange",
118
+ "closeOnInteractOutside",
119
+ "closeOnEscape",
120
+ "snapPoints",
121
+ "swipeDirection",
122
+ "snapToSequentialPoints",
123
+ "swipeVelocityThreshold",
124
+ "closeThreshold",
125
+ "preventDragOnScroll",
126
+ "stack",
127
+ "snapPoint",
128
+ "defaultSnapPoint",
129
+ "onSnapPointChange",
130
+ "modal",
131
+ "trapFocus",
132
+ "restoreFocus",
133
+ "preventScroll",
134
+ "initialFocusEl",
135
+ "finalFocusEl",
136
+ "role",
137
+ "onInteractOutside",
138
+ "onEscapeKeyDown",
139
+ "onPointerDownOutside",
140
+ "onFocusOutside",
141
+ "onRequestDismiss"
142
+ ]);
143
+ const drawer = useDrawer(useDrawerProps);
144
+ const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: drawer().open })));
145
+ return <DrawerProvider value={drawer}>
146
+ <RenderStrategyProvider value={renderStrategyProps}>
147
+ <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
148
+ </RenderStrategyProvider>
149
+ </DrawerProvider>;
150
+ };
151
+ //#endregion
152
+ //#region src/components/drawer/drawer-root-provider.tsx
153
+ const DrawerRootProvider = (props) => {
154
+ const [presenceProps, drawerProps] = splitPresenceProps(props);
155
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
156
+ const presence = usePresence(mergeProps$1(() => ({ present: drawerProps.value().open }), presenceProps));
157
+ return <DrawerProvider value={drawerProps.value}>
158
+ <RenderStrategyProvider value={renderStrategyProps}>
159
+ <PresenceProvider value={presence}>{drawerProps.children}</PresenceProvider>
160
+ </RenderStrategyProvider>
161
+ </DrawerProvider>;
162
+ };
163
+ //#endregion
164
+ //#region src/components/drawer/drawer-title.tsx
165
+ const DrawerTitle = (props) => {
166
+ const drawer = useDrawerContext();
167
+ const mergedProps = mergeProps$1(() => drawer().getTitleProps(), props);
168
+ return <sprawlify.h2 {...mergedProps} />;
169
+ };
170
+ //#endregion
171
+ //#region src/components/drawer/drawer-trigger.tsx
172
+ const DrawerTrigger = (props) => {
173
+ const drawer = useDrawerContext();
174
+ const presence = usePresenceContext();
175
+ const mergedProps = mergeProps$1(() => drawer().getTriggerProps(), () => ({ "aria-controls": presence().unmounted && null }), props);
176
+ return <sprawlify.button {...mergedProps} />;
177
+ };
178
+ //#endregion
179
+ //#region src/components/drawer/use-drawer-stack-context.ts
180
+ const [DrawerStackProvider, useDrawerStackContext] = createContext$1({
181
+ hookName: "useDrawerStackContext",
182
+ providerName: "<DrawerStackProvider />"
183
+ });
184
+ //#endregion
185
+ //#region src/components/drawer/drawer-indent.tsx
186
+ const DrawerIndent = (props) => {
187
+ const stackApi = useDrawerStackContext();
188
+ const mergedProps = mergeProps$1(() => stackApi().getIndentProps(), props);
189
+ return <sprawlify.div {...mergedProps} />;
190
+ };
191
+ //#endregion
192
+ //#region src/components/drawer/drawer-indent-background.tsx
193
+ const DrawerIndentBackground = (props) => {
194
+ const stackApi = useDrawerStackContext();
195
+ const mergedProps = mergeProps$1(() => stackApi().getIndentBackgroundProps(), props);
196
+ return <sprawlify.div {...mergedProps} />;
197
+ };
198
+ //#endregion
199
+ //#region src/components/drawer/drawer-stack.tsx
200
+ const DrawerStack = (props) => {
201
+ const stack = drawer.createStack();
202
+ const [snapshot, setSnapshot] = createStore(stack.getSnapshot());
203
+ stack.subscribe(() => setSnapshot(reconcile(stack.getSnapshot())));
204
+ const stackApi = createMemo(() => drawer.connectStack(snapshot, normalizeProps));
205
+ return <DrawerStackStoreProvider value={stack}>
206
+ <DrawerStackProvider value={stackApi}>{props.children}</DrawerStackProvider>
207
+ </DrawerStackStoreProvider>;
208
+ };
209
+ //#endregion
210
+ //#region src/components/drawer/drawer-swipe-area.tsx
211
+ const DrawerSwipeArea = (props) => {
212
+ const drawer = useDrawerContext();
213
+ const mergedProps = mergeProps$1(() => drawer().getSwipeAreaProps(), props);
214
+ return <sprawlify.div {...mergedProps} />;
215
+ };
216
+ //#endregion
217
+ //#region src/components/drawer/drawer.ts
218
+ var drawer_exports = /* @__PURE__ */ __exportAll({
219
+ Backdrop: () => DrawerBackdrop,
220
+ CloseTrigger: () => DrawerCloseTrigger,
221
+ Content: () => DrawerContent,
222
+ Context: () => DrawerContext,
223
+ Description: () => DrawerDescription,
224
+ Grabber: () => DrawerGrabber,
225
+ GrabberIndicator: () => DrawerGrabberIndicator,
226
+ Indent: () => DrawerIndent,
227
+ IndentBackground: () => DrawerIndentBackground,
228
+ Positioner: () => DrawerPositioner,
229
+ Root: () => DrawerRoot,
230
+ RootProvider: () => DrawerRootProvider,
231
+ Stack: () => DrawerStack,
232
+ SwipeArea: () => DrawerSwipeArea,
233
+ Title: () => DrawerTitle,
234
+ Trigger: () => DrawerTrigger
235
+ });
236
+ //#endregion
237
+ export { drawer_exports as Drawer, DrawerBackdrop, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerDescription, DrawerGrabber, DrawerGrabberIndicator, DrawerIndent, DrawerIndentBackground, DrawerPositioner, DrawerRoot, DrawerRootProvider, DrawerStack, DrawerSwipeArea, DrawerTitle, DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };
@@ -4,10 +4,10 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
4
4
  import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
5
5
  import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
6
6
  import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
7
- import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
8
- import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
9
- import "../../render-strategy-BB2DhQSO.jsx";
10
- import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-B0xtId0Q.jsx";
7
+ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
8
+ import "../../render-strategy-6LT04Ztx.jsx";
9
+ import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
10
+ import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BcYjLSBT.jsx";
11
11
  import { Show, createEffect, createMemo, createUniqueId, onCleanup, onMount } from "solid-js";
12
12
  import * as dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
13
13
  import { anatomy as dropdownMenuAnatomy } from "@sprawlify/primitives/machines/dropdown-menu";
@@ -4,10 +4,10 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
4
4
  import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
5
5
  import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
6
6
  import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
7
- import "../../compose-refs-CeEgnlQr.jsx";
8
- import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
9
- import "../../fieldset-Dvfd8o02.jsx";
10
- import { m as useFieldContext } from "../../field-C5XZzEJQ.jsx";
7
+ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
8
+ import "../../compose-refs-Jq47jedK.jsx";
9
+ import "../../fieldset-Lbk9tsVV.jsx";
10
+ import { m as useFieldContext } from "../../field-Blp6NDsc.jsx";
11
11
  import { createMemo, createUniqueId } from "solid-js";
12
12
  import * as editable from "@sprawlify/primitives/machines/editable";
13
13
  import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
@@ -1,6 +1,6 @@
1
1
  import { n as MaybeAccessor } from "../../types-C0L5xDeS.js";
2
2
  import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
3
- import { t as fieldAnatomy } from "../../field-anatomy-DhMytzIn.js";
3
+ import { t as fieldAnatomy } from "../../field-anatomy-DfP5AI6N.js";
4
4
  import * as solid_js0 from "solid-js";
5
5
  import { JSX } from "solid-js";
6
6
 
@@ -2,8 +2,8 @@ import "../../core-DUR6M1Mz.jsx";
2
2
  import "../../create-context-iBxaUhvx.jsx";
3
3
  import "../../providers-C-cHBiyk.jsx";
4
4
  import "../../factory-B95XvEzz.jsx";
5
- import "../../compose-refs-CeEgnlQr.jsx";
6
- import "../../create-split-props-Bs7cdSMW.jsx";
7
- import "../../fieldset-Dvfd8o02.jsx";
8
- import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-C5XZzEJQ.jsx";
5
+ import "../../create-split-props-B2Gc7D9P.jsx";
6
+ import "../../compose-refs-Jq47jedK.jsx";
7
+ import "../../fieldset-Lbk9tsVV.jsx";
8
+ import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-Blp6NDsc.jsx";
9
9
  export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };
@@ -1,6 +1,6 @@
1
1
  import { n as MaybeAccessor } from "../../types-C0L5xDeS.js";
2
2
  import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
3
- import { t as fieldsetAnatomy } from "../../fieldset-anatomy-t2uR3tz-.js";
3
+ import { t as fieldsetAnatomy } from "../../fieldset-anatomy-CKytu4jl.js";
4
4
  import * as solid_js0 from "solid-js";
5
5
  import { JSX } from "solid-js";
6
6
 
@@ -2,7 +2,7 @@ import "../../core-DUR6M1Mz.jsx";
2
2
  import "../../create-context-iBxaUhvx.jsx";
3
3
  import "../../providers-C-cHBiyk.jsx";
4
4
  import "../../factory-B95XvEzz.jsx";
5
- import "../../compose-refs-CeEgnlQr.jsx";
6
- import "../../create-split-props-Bs7cdSMW.jsx";
7
- import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-Dvfd8o02.jsx";
5
+ import "../../create-split-props-B2Gc7D9P.jsx";
6
+ import "../../compose-refs-Jq47jedK.jsx";
7
+ import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-Lbk9tsVV.jsx";
8
8
  export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };
@@ -4,10 +4,10 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
4
4
  import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
5
5
  import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
6
6
  import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
7
- import "../../compose-refs-CeEgnlQr.jsx";
8
- import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
9
- import "../../fieldset-Dvfd8o02.jsx";
10
- import { m as useFieldContext } from "../../field-C5XZzEJQ.jsx";
7
+ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
8
+ import "../../compose-refs-Jq47jedK.jsx";
9
+ import "../../fieldset-Lbk9tsVV.jsx";
10
+ import { m as useFieldContext } from "../../field-Blp6NDsc.jsx";
11
11
  import { Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
12
12
  import * as fileUpload from "@sprawlify/primitives/machines/file-upload";
13
13
  import { anatomy as fileUploadAnatomy } from "@sprawlify/primitives/machines/file-upload";
@@ -4,10 +4,10 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
4
4
  import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
5
5
  import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
6
6
  import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
7
- import "../../compose-refs-CeEgnlQr.jsx";
8
- import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
9
- import "../../render-strategy-BB2DhQSO.jsx";
10
- import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-B0xtId0Q.jsx";
7
+ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
8
+ import "../../render-strategy-6LT04Ztx.jsx";
9
+ import "../../compose-refs-Jq47jedK.jsx";
10
+ import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BcYjLSBT.jsx";
11
11
  import { Show, createMemo, createUniqueId } from "solid-js";
12
12
  import * as floatingPanel from "@sprawlify/primitives/machines/floating-panel";
13
13
  import { anatomy as floatingPanelAnatomy } from "@sprawlify/primitives/machines/floating-panel";
@@ -1,7 +1,7 @@
1
1
  import "../../core-DUR6M1Mz.jsx";
2
2
  import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
3
- import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
4
- import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
3
+ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
4
+ import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
5
5
  import { createEffect, onCleanup } from "solid-js";
6
6
  import { trapFocus } from "@sprawlify/primitives/focus-trap";
7
7
  //#region src/components/focus-trap/focus-trap.tsx
@@ -1,6 +1,6 @@
1
1
  import "../../create-context-iBxaUhvx.jsx";
2
2
  import { o as EnvironmentProvider } from "../../providers-C-cHBiyk.jsx";
3
- import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
3
+ import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
4
4
  import { Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from "solid-js";
5
5
  import { Portal } from "solid-js/web";
6
6
  //#region src/components/frame/frame-content.tsx