@sprawlify/solid 0.0.108 → 0.0.110

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 (61) hide show
  1. package/dist/{alert-dialog-anatomy-C1utd_md.d.ts → alert-dialog-anatomy-CtDwltgK.d.ts} +1 -1
  2. package/dist/{carousel-anatomy-Cgncj4px.d.ts → carousel-anatomy-cRpcGNQa.d.ts} +1 -1
  3. package/dist/{checkbox-anatomy-Og29Ch0M.d.ts → checkbox-anatomy-5y1dcYYW.d.ts} +1 -1
  4. package/dist/color-picker-anatomy-BlV80dWk.d.ts +6 -0
  5. package/dist/combobox-anatomy-BS0c9ArZ.d.ts +6 -0
  6. package/dist/components/alert-dialog/index.d.ts +1 -1
  7. package/dist/components/anatomy.d.ts +13 -13
  8. package/dist/components/anatomy.js +2 -2
  9. package/dist/components/carousel/index.d.ts +1 -1
  10. package/dist/components/checkbox/index.d.ts +1 -1
  11. package/dist/components/checkbox/index.js +2 -2
  12. package/dist/components/collection/index.js +1 -1
  13. package/dist/components/color-picker/index.d.ts +1 -1
  14. package/dist/components/color-picker/index.js +2 -2
  15. package/dist/components/combobox/index.d.ts +1 -1
  16. package/dist/components/combobox/index.js +3 -3
  17. package/dist/components/date-picker/index.d.ts +1 -1
  18. package/dist/components/drawer/index.d.ts +80 -0
  19. package/dist/components/drawer/index.js +206 -0
  20. package/dist/components/drawer/index.jsx +165 -0
  21. package/dist/components/editable/index.js +2 -2
  22. package/dist/components/field/index.d.ts +1 -1
  23. package/dist/components/field/index.js +2 -2
  24. package/dist/components/fieldset/index.d.ts +1 -1
  25. package/dist/components/fieldset/index.js +1 -1
  26. package/dist/components/file-upload/index.js +2 -2
  27. package/dist/components/json-tree-view/index.js +1 -1
  28. package/dist/components/listbox/index.d.ts +1 -1
  29. package/dist/components/listbox/index.js +1 -1
  30. package/dist/components/number-input/index.js +2 -2
  31. package/dist/components/password-input/index.js +2 -2
  32. package/dist/components/pin-input/index.js +2 -2
  33. package/dist/components/radio-group/index.js +1 -1
  34. package/dist/components/rating-group/index.js +2 -2
  35. package/dist/components/segment-group/index.d.ts +1 -1
  36. package/dist/components/select/index.js +3 -3
  37. package/dist/components/signature-pad/index.js +2 -2
  38. package/dist/components/switch/index.js +2 -2
  39. package/dist/components/tags-input/index.js +2 -2
  40. package/dist/components/tour/index.d.ts +1 -1
  41. package/dist/components/tree-view/index.js +1 -1
  42. package/dist/{date-picker-anatomy-DBNm2s3V.d.ts → date-picker-anatomy-CLgDJiIl.d.ts} +1 -1
  43. package/dist/drawer-anatomy-BX_dO1CK.d.ts +2 -0
  44. package/dist/drawer-anatomy-yHqvQAPn.js +2 -0
  45. package/dist/{field-qpgn7pqc.js → field-GL4C0tUr.js} +1 -1
  46. package/dist/{field-anatomy-BVhZBuPN.d.ts → field-anatomy-CeR3nVI8.d.ts} +1 -1
  47. package/dist/{fieldset-anatomy-t2uR3tz-.d.ts → fieldset-anatomy-DF0TfPdv.d.ts} +1 -1
  48. package/dist/{index-Ywo5uneC.d.ts → index-tOc74k5O.d.ts} +1 -1
  49. package/dist/{listbox-anatomy-CPLbY23M.d.ts → listbox-anatomy-BM3Tatnj.d.ts} +1 -1
  50. package/dist/{segment-group-anatomy-DwgdyOB9.d.ts → segment-group-anatomy-Bz4fq3aR.d.ts} +1 -1
  51. package/dist/{tour-anatomy-BMUAs7F2.d.ts → tour-anatomy-Dww_8e1C.d.ts} +1 -1
  52. package/package.json +7 -7
  53. package/dist/bottom-sheet-anatomy-C70fosOT.js +0 -2
  54. package/dist/bottom-sheet-anatomy-EFEmb--0.d.ts +0 -2
  55. package/dist/color-picker-anatomy--9A1k29K.d.ts +0 -6
  56. package/dist/combobox-anatomy-3RU1-036.d.ts +0 -6
  57. package/dist/components/bottom-sheet/index.d.ts +0 -80
  58. package/dist/components/bottom-sheet/index.js +0 -206
  59. package/dist/components/bottom-sheet/index.jsx +0 -165
  60. /package/dist/{collection-DClPz7tj.js → collection-D83ZAzYd.js} +0 -0
  61. /package/dist/{fieldset-OJI7ChsJ.js → fieldset-DQUqxXN2.js} +0 -0
@@ -1,80 +0,0 @@
1
- import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
2
- import { i as Optional, n as MaybeAccessor } from "../../types-C0L5xDeS.js";
3
- import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
4
- import { s as UsePresenceProps } from "../../index-Dho3m7QX.js";
5
- import { t as bottomSheetAnatomy } from "../../bottom-sheet-anatomy-EFEmb--0.js";
6
- import * as solid_js0 from "solid-js";
7
- import { Accessor, JSX } from "solid-js";
8
- import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
9
- import { ContentProps, OpenChangeDetails, OpenChangeDetails as BottomSheetOpenChangeDetails } from "@sprawlify/primitives/machines/bottom-sheet";
10
-
11
- //#region src/components/bottom-sheet/bottom-sheet-backdrop.d.ts
12
- interface BottomSheetBackdropBaseProps extends PolymorphicProps<"div"> {}
13
- interface BottomSheetBackdropProps extends HTMLProps<"div">, BottomSheetBackdropBaseProps {}
14
- declare const BottomSheetBackdrop: (props: BottomSheetBackdropProps) => solid_js0.JSX.Element;
15
- //#endregion
16
- //#region src/components/bottom-sheet/bottom-sheet-close-trigger.d.ts
17
- interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps<"button"> {}
18
- interface BottomSheetCloseTriggerProps extends HTMLProps<"button">, BottomSheetCloseTriggerBaseProps {}
19
- declare const BottomSheetCloseTrigger: (props: BottomSheetCloseTriggerProps) => solid_js0.JSX.Element;
20
- //#endregion
21
- //#region src/components/bottom-sheet/bottom-sheet-content.d.ts
22
- interface BottomSheetContentBaseProps extends PolymorphicProps<"div">, ContentProps {}
23
- interface BottomSheetContentProps extends Omit<HTMLProps<"div">, "draggable">, BottomSheetContentBaseProps {}
24
- declare const BottomSheetContent: (props: BottomSheetContentProps) => solid_js0.JSX.Element;
25
- //#endregion
26
- //#region src/components/bottom-sheet/use-bottom-sheet.d.ts
27
- interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, "dir" | "getRootNode">, "id"> {}
28
- interface UseBottomSheetReturn extends Accessor<bottomSheet.Api<PropTypes>> {}
29
- declare const useBottomSheet: (props?: MaybeAccessor<UseBottomSheetProps>) => UseBottomSheetReturn;
30
- //#endregion
31
- //#region src/components/bottom-sheet/use-bottom-sheet-context.d.ts
32
- interface UseBottomSheetContext extends UseBottomSheetReturn {}
33
- //#endregion
34
- //#region src/components/bottom-sheet/bottom-sheet-context.d.ts
35
- interface BottomSheetContextProps {
36
- children: (context: UseBottomSheetContext) => JSX.Element;
37
- }
38
- declare const BottomSheetContext: (props: BottomSheetContextProps) => JSX.Element;
39
- //#endregion
40
- //#region src/components/bottom-sheet/bottom-sheet-grabber.d.ts
41
- interface BottomSheetGrabberBaseProps extends PolymorphicProps<"div"> {}
42
- interface BottomSheetGrabberProps extends HTMLProps<"div">, BottomSheetGrabberBaseProps {}
43
- declare const BottomSheetGrabber: (props: BottomSheetGrabberProps) => solid_js0.JSX.Element;
44
- //#endregion
45
- //#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts
46
- interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps<"div"> {}
47
- interface BottomSheetGrabberIndicatorProps extends HTMLProps<"div">, BottomSheetGrabberIndicatorBaseProps {}
48
- declare const BottomSheetGrabberIndicator: (props: BottomSheetGrabberIndicatorProps) => solid_js0.JSX.Element;
49
- //#endregion
50
- //#region src/components/bottom-sheet/bottom-sheet-root.d.ts
51
- interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {}
52
- interface BottomSheetRootProps extends BottomSheetRootBaseProps {
53
- children?: JSX.Element;
54
- }
55
- declare const BottomSheetRoot: (props: BottomSheetRootProps) => JSX.Element;
56
- //#endregion
57
- //#region src/components/bottom-sheet/bottom-sheet-root-provider.d.ts
58
- interface RootProviderProps {
59
- value: UseBottomSheetReturn;
60
- }
61
- interface BottomSheetRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
62
- interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
63
- children?: JSX.Element;
64
- }
65
- declare const BottomSheetRootProvider: (props: BottomSheetRootProviderProps) => JSX.Element;
66
- //#endregion
67
- //#region src/components/bottom-sheet/bottom-sheet-title.d.ts
68
- interface BottomSheetTitleBaseProps extends PolymorphicProps<"h2"> {}
69
- interface BottomSheetTitleProps extends HTMLProps<"h2">, BottomSheetTitleBaseProps {}
70
- declare const BottomSheetTitle: (props: BottomSheetTitleProps) => solid_js0.JSX.Element;
71
- //#endregion
72
- //#region src/components/bottom-sheet/bottom-sheet-trigger.d.ts
73
- interface BottomSheetTriggerBaseProps extends PolymorphicProps<"button"> {}
74
- interface BottomSheetTriggerProps extends HTMLProps<"button">, BottomSheetTriggerBaseProps {}
75
- declare const BottomSheetTrigger: (props: BottomSheetTriggerProps) => solid_js0.JSX.Element;
76
- declare namespace bottom_sheet_d_exports {
77
- export { BottomSheetBackdrop as Backdrop, BottomSheetBackdropBaseProps as BackdropBaseProps, BottomSheetBackdropProps as BackdropProps, BottomSheetCloseTrigger as CloseTrigger, BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, BottomSheetCloseTriggerProps as CloseTriggerProps, BottomSheetContent as Content, BottomSheetContentBaseProps as ContentBaseProps, BottomSheetContentProps as ContentProps, BottomSheetContext as Context, BottomSheetContextProps as ContextProps, BottomSheetGrabber as Grabber, BottomSheetGrabberBaseProps as GrabberBaseProps, BottomSheetGrabberIndicator as GrabberIndicator, BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, BottomSheetGrabberProps as GrabberProps, OpenChangeDetails, BottomSheetRoot as Root, BottomSheetRootBaseProps as RootBaseProps, BottomSheetRootProps as RootProps, BottomSheetRootProvider as RootProvider, BottomSheetRootProviderBaseProps as RootProviderBaseProps, BottomSheetRootProviderProps as RootProviderProps, BottomSheetTitle as Title, BottomSheetTitleBaseProps as TitleBaseProps, BottomSheetTitleProps as TitleProps, BottomSheetTrigger as Trigger, BottomSheetTriggerBaseProps as TriggerBaseProps, BottomSheetTriggerProps as TriggerProps };
78
- }
79
- //#endregion
80
- export { bottom_sheet_d_exports as BottomSheet, BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, BottomSheetContext, type BottomSheetContextProps, BottomSheetGrabber, type BottomSheetGrabberBaseProps, BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, type BottomSheetGrabberProps, type BottomSheetOpenChangeDetails, BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps, BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, type UseBottomSheetContext, type UseBottomSheetProps, type UseBottomSheetReturn, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };
@@ -1,206 +0,0 @@
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 bottomSheetAnatomy } from "../../bottom-sheet-anatomy-C70fosOT.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, createMemo, createUniqueId } from "solid-js";
13
- import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
14
- import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
15
- //#region src/components/bottom-sheet/use-bottom-sheet-context.ts
16
- const [BottomSheetProvider, useBottomSheetContext] = createContext$1({
17
- hookName: "useBottomSheetContext",
18
- providerName: "<BottomSheetProvider />"
19
- });
20
- //#endregion
21
- //#region src/components/bottom-sheet/bottom-sheet-backdrop.tsx
22
- const BottomSheetBackdrop = (props) => {
23
- const bottomSheet = useBottomSheetContext();
24
- const presence = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: bottomSheet().open })));
25
- const mergedProps = mergeProps$2(() => bottomSheet().getBackdropProps(), () => presence().presenceProps, props);
26
- return createComponent(Show, {
27
- get when() {
28
- return !presence().unmounted;
29
- },
30
- get children() {
31
- return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
32
- var _ref$ = composeRefs(presence().ref, props.ref);
33
- typeof _ref$ === "function" && _ref$(r$);
34
- } }));
35
- }
36
- });
37
- };
38
- //#endregion
39
- //#region src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
40
- const BottomSheetCloseTrigger = (props) => {
41
- const context = useBottomSheetContext();
42
- const mergedProps = mergeProps$2(() => context().getCloseTriggerProps(), props);
43
- return createComponent(sprawlify.button, mergedProps);
44
- };
45
- //#endregion
46
- //#region src/components/bottom-sheet/bottom-sheet-content.tsx
47
- const BottomSheetContent = (props) => {
48
- const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
49
- const bottomSheet = useBottomSheetContext();
50
- const presence = usePresenceContext();
51
- const mergedProps = mergeProps$2(() => bottomSheet().getContentProps({
52
- draggable: true,
53
- ...contentProps
54
- }), () => presence().presenceProps, localProps);
55
- return createComponent(Show, {
56
- get when() {
57
- return !presence().unmounted;
58
- },
59
- get children() {
60
- return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
61
- var _ref$ = composeRefs(presence().ref, localProps.ref);
62
- typeof _ref$ === "function" && _ref$(r$);
63
- } }));
64
- }
65
- });
66
- };
67
- //#endregion
68
- //#region src/components/bottom-sheet/bottom-sheet-context.tsx
69
- const BottomSheetContext = (props) => props.children(useBottomSheetContext());
70
- //#endregion
71
- //#region src/components/bottom-sheet/bottom-sheet-grabber.tsx
72
- const BottomSheetGrabber = (props) => {
73
- const bottomSheet = useBottomSheetContext();
74
- const mergedProps = mergeProps$2(() => bottomSheet().getGrabberProps(), props);
75
- return createComponent(sprawlify.div, mergedProps);
76
- };
77
- //#endregion
78
- //#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
79
- const BottomSheetGrabberIndicator = (props) => {
80
- const bottomSheet = useBottomSheetContext();
81
- const mergedProps = mergeProps$2(() => bottomSheet().getGrabberIndicatorProps(), props);
82
- return createComponent(sprawlify.div, mergedProps);
83
- };
84
- //#endregion
85
- //#region src/components/bottom-sheet/use-bottom-sheet.ts
86
- const useBottomSheet = (props) => {
87
- const locale = useLocaleContext();
88
- const environment = useEnvironmentContext();
89
- const id = createUniqueId();
90
- const machineProps = createMemo(() => ({
91
- id,
92
- dir: locale().dir,
93
- getRootNode: environment().getRootNode,
94
- ...runIfFn(props)
95
- }));
96
- const service = useMachine(bottomSheet.machine, machineProps);
97
- return createMemo(() => bottomSheet.connect(service, normalizeProps));
98
- };
99
- //#endregion
100
- //#region src/components/bottom-sheet/bottom-sheet-root.tsx
101
- const BottomSheetRoot = (props) => {
102
- const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
103
- const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
104
- const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, [
105
- "id",
106
- "ids",
107
- "open",
108
- "defaultOpen",
109
- "onOpenChange",
110
- "closeOnInteractOutside",
111
- "closeOnEscape",
112
- "snapPoints",
113
- "swipeVelocityThreshold",
114
- "closeThreshold",
115
- "preventDragOnScroll",
116
- "activeSnapPoint",
117
- "defaultActiveSnapPoint",
118
- "onActiveSnapPointChange",
119
- "modal",
120
- "trapFocus",
121
- "restoreFocus",
122
- "preventScroll",
123
- "initialFocusEl",
124
- "finalFocusEl",
125
- "role",
126
- "onInteractOutside",
127
- "onEscapeKeyDown",
128
- "onPointerDownOutside",
129
- "onFocusOutside",
130
- "onRequestDismiss"
131
- ]);
132
- const bottomSheet = useBottomSheet(useBottomSheetProps);
133
- const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: bottomSheet().open })));
134
- return createComponent(BottomSheetProvider, {
135
- value: bottomSheet,
136
- get children() {
137
- return createComponent(RenderStrategyProvider, {
138
- value: renderStrategyProps,
139
- get children() {
140
- return createComponent(PresenceProvider, {
141
- value: presence,
142
- get children() {
143
- return localProps.children;
144
- }
145
- });
146
- }
147
- });
148
- }
149
- });
150
- };
151
- //#endregion
152
- //#region src/components/bottom-sheet/bottom-sheet-root-provider.tsx
153
- const BottomSheetRootProvider = (props) => {
154
- const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
155
- const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
156
- const presence = usePresence(mergeProps$2(() => ({ present: bottomSheetProps.value().open }), presenceProps));
157
- return createComponent(BottomSheetProvider, {
158
- get value() {
159
- return bottomSheetProps.value;
160
- },
161
- get children() {
162
- return createComponent(RenderStrategyProvider, {
163
- value: renderStrategyProps,
164
- get children() {
165
- return createComponent(PresenceProvider, {
166
- value: presence,
167
- get children() {
168
- return bottomSheetProps.children;
169
- }
170
- });
171
- }
172
- });
173
- }
174
- });
175
- };
176
- //#endregion
177
- //#region src/components/bottom-sheet/bottom-sheet-title.tsx
178
- const BottomSheetTitle = (props) => {
179
- const bottomSheet = useBottomSheetContext();
180
- const mergedProps = mergeProps$2(() => bottomSheet().getTitleProps(), props);
181
- return createComponent(sprawlify.h2, mergedProps);
182
- };
183
- //#endregion
184
- //#region src/components/bottom-sheet/bottom-sheet-trigger.tsx
185
- const BottomSheetTrigger = (props) => {
186
- const bottomSheet = useBottomSheetContext();
187
- const presence = usePresenceContext();
188
- const mergedProps = mergeProps$2(() => bottomSheet().getTriggerProps(), () => ({ "aria-controls": presence().unmounted && null }), props);
189
- return createComponent(sprawlify.button, mergedProps);
190
- };
191
- //#endregion
192
- //#region src/components/bottom-sheet/bottom-sheet.ts
193
- var bottom_sheet_exports = /* @__PURE__ */ __exportAll({
194
- Backdrop: () => BottomSheetBackdrop,
195
- CloseTrigger: () => BottomSheetCloseTrigger,
196
- Content: () => BottomSheetContent,
197
- Context: () => BottomSheetContext,
198
- Grabber: () => BottomSheetGrabber,
199
- GrabberIndicator: () => BottomSheetGrabberIndicator,
200
- Root: () => BottomSheetRoot,
201
- RootProvider: () => BottomSheetRootProvider,
202
- Title: () => BottomSheetTitle,
203
- Trigger: () => BottomSheetTrigger
204
- });
205
- //#endregion
206
- export { bottom_sheet_exports as BottomSheet, BottomSheetBackdrop, BottomSheetCloseTrigger, BottomSheetContent, BottomSheetContext, BottomSheetGrabber, BottomSheetGrabberIndicator, BottomSheetRoot, BottomSheetRootProvider, BottomSheetTitle, BottomSheetTrigger, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };
@@ -1,165 +0,0 @@
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, createMemo, createUniqueId } from "solid-js";
12
- import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
13
- import { anatomy as bottomSheetAnatomy } from "@sprawlify/primitives/machines/bottom-sheet";
14
- //#region src/components/bottom-sheet/use-bottom-sheet-context.ts
15
- const [BottomSheetProvider, useBottomSheetContext] = createContext$1({
16
- hookName: "useBottomSheetContext",
17
- providerName: "<BottomSheetProvider />"
18
- });
19
- //#endregion
20
- //#region src/components/bottom-sheet/bottom-sheet-backdrop.tsx
21
- const BottomSheetBackdrop = (props) => {
22
- const bottomSheet = useBottomSheetContext();
23
- const presence = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: bottomSheet().open })));
24
- const mergedProps = mergeProps$1(() => bottomSheet().getBackdropProps(), () => presence().presenceProps, props);
25
- return <Show when={!presence().unmounted}>
26
- <sprawlify.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
27
- </Show>;
28
- };
29
- //#endregion
30
- //#region src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
31
- const BottomSheetCloseTrigger = (props) => {
32
- const context = useBottomSheetContext();
33
- const mergedProps = mergeProps$1(() => context().getCloseTriggerProps(), props);
34
- return <sprawlify.button {...mergedProps} />;
35
- };
36
- //#endregion
37
- //#region src/components/bottom-sheet/bottom-sheet-content.tsx
38
- const BottomSheetContent = (props) => {
39
- const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
40
- const bottomSheet = useBottomSheetContext();
41
- const presence = usePresenceContext();
42
- const mergedProps = mergeProps$1(() => bottomSheet().getContentProps({
43
- draggable: true,
44
- ...contentProps
45
- }), () => presence().presenceProps, localProps);
46
- return <Show when={!presence().unmounted}>
47
- <sprawlify.div {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
48
- </Show>;
49
- };
50
- //#endregion
51
- //#region src/components/bottom-sheet/bottom-sheet-context.tsx
52
- const BottomSheetContext = (props) => props.children(useBottomSheetContext());
53
- //#endregion
54
- //#region src/components/bottom-sheet/bottom-sheet-grabber.tsx
55
- const BottomSheetGrabber = (props) => {
56
- const bottomSheet = useBottomSheetContext();
57
- const mergedProps = mergeProps$1(() => bottomSheet().getGrabberProps(), props);
58
- return <sprawlify.div {...mergedProps} />;
59
- };
60
- //#endregion
61
- //#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
62
- const BottomSheetGrabberIndicator = (props) => {
63
- const bottomSheet = useBottomSheetContext();
64
- const mergedProps = mergeProps$1(() => bottomSheet().getGrabberIndicatorProps(), props);
65
- return <sprawlify.div {...mergedProps} />;
66
- };
67
- //#endregion
68
- //#region src/components/bottom-sheet/use-bottom-sheet.ts
69
- const useBottomSheet = (props) => {
70
- const locale = useLocaleContext();
71
- const environment = useEnvironmentContext();
72
- const id = createUniqueId();
73
- const machineProps = createMemo(() => ({
74
- id,
75
- dir: locale().dir,
76
- getRootNode: environment().getRootNode,
77
- ...runIfFn(props)
78
- }));
79
- const service = useMachine(bottomSheet.machine, machineProps);
80
- return createMemo(() => bottomSheet.connect(service, normalizeProps));
81
- };
82
- //#endregion
83
- //#region src/components/bottom-sheet/bottom-sheet-root.tsx
84
- const BottomSheetRoot = (props) => {
85
- const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
86
- const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
87
- const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, [
88
- "id",
89
- "ids",
90
- "open",
91
- "defaultOpen",
92
- "onOpenChange",
93
- "closeOnInteractOutside",
94
- "closeOnEscape",
95
- "snapPoints",
96
- "swipeVelocityThreshold",
97
- "closeThreshold",
98
- "preventDragOnScroll",
99
- "activeSnapPoint",
100
- "defaultActiveSnapPoint",
101
- "onActiveSnapPointChange",
102
- "modal",
103
- "trapFocus",
104
- "restoreFocus",
105
- "preventScroll",
106
- "initialFocusEl",
107
- "finalFocusEl",
108
- "role",
109
- "onInteractOutside",
110
- "onEscapeKeyDown",
111
- "onPointerDownOutside",
112
- "onFocusOutside",
113
- "onRequestDismiss"
114
- ]);
115
- const bottomSheet = useBottomSheet(useBottomSheetProps);
116
- const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: bottomSheet().open })));
117
- return <BottomSheetProvider value={bottomSheet}>
118
- <RenderStrategyProvider value={renderStrategyProps}>
119
- <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
120
- </RenderStrategyProvider>
121
- </BottomSheetProvider>;
122
- };
123
- //#endregion
124
- //#region src/components/bottom-sheet/bottom-sheet-root-provider.tsx
125
- const BottomSheetRootProvider = (props) => {
126
- const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
127
- const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
128
- const presence = usePresence(mergeProps$1(() => ({ present: bottomSheetProps.value().open }), presenceProps));
129
- return <BottomSheetProvider value={bottomSheetProps.value}>
130
- <RenderStrategyProvider value={renderStrategyProps}>
131
- <PresenceProvider value={presence}>{bottomSheetProps.children}</PresenceProvider>
132
- </RenderStrategyProvider>
133
- </BottomSheetProvider>;
134
- };
135
- //#endregion
136
- //#region src/components/bottom-sheet/bottom-sheet-title.tsx
137
- const BottomSheetTitle = (props) => {
138
- const bottomSheet = useBottomSheetContext();
139
- const mergedProps = mergeProps$1(() => bottomSheet().getTitleProps(), props);
140
- return <sprawlify.h2 {...mergedProps} />;
141
- };
142
- //#endregion
143
- //#region src/components/bottom-sheet/bottom-sheet-trigger.tsx
144
- const BottomSheetTrigger = (props) => {
145
- const bottomSheet = useBottomSheetContext();
146
- const presence = usePresenceContext();
147
- const mergedProps = mergeProps$1(() => bottomSheet().getTriggerProps(), () => ({ "aria-controls": presence().unmounted && null }), props);
148
- return <sprawlify.button {...mergedProps} />;
149
- };
150
- //#endregion
151
- //#region src/components/bottom-sheet/bottom-sheet.ts
152
- var bottom_sheet_exports = /* @__PURE__ */ __exportAll({
153
- Backdrop: () => BottomSheetBackdrop,
154
- CloseTrigger: () => BottomSheetCloseTrigger,
155
- Content: () => BottomSheetContent,
156
- Context: () => BottomSheetContext,
157
- Grabber: () => BottomSheetGrabber,
158
- GrabberIndicator: () => BottomSheetGrabberIndicator,
159
- Root: () => BottomSheetRoot,
160
- RootProvider: () => BottomSheetRootProvider,
161
- Title: () => BottomSheetTitle,
162
- Trigger: () => BottomSheetTrigger
163
- });
164
- //#endregion
165
- export { bottom_sheet_exports as BottomSheet, BottomSheetBackdrop, BottomSheetCloseTrigger, BottomSheetContent, BottomSheetContext, BottomSheetGrabber, BottomSheetGrabberIndicator, BottomSheetRoot, BottomSheetRootProvider, BottomSheetTitle, BottomSheetTrigger, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };