@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.
- package/dist/{alert-dialog-anatomy-C1utd_md.d.ts → alert-dialog-anatomy-CtDwltgK.d.ts} +1 -1
- package/dist/{carousel-anatomy-Cgncj4px.d.ts → carousel-anatomy-cRpcGNQa.d.ts} +1 -1
- package/dist/{checkbox-anatomy-Og29Ch0M.d.ts → checkbox-anatomy-5y1dcYYW.d.ts} +1 -1
- package/dist/color-picker-anatomy-BlV80dWk.d.ts +6 -0
- package/dist/combobox-anatomy-BS0c9ArZ.d.ts +6 -0
- package/dist/components/alert-dialog/index.d.ts +1 -1
- package/dist/components/anatomy.d.ts +13 -13
- package/dist/components/anatomy.js +2 -2
- package/dist/components/carousel/index.d.ts +1 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/index.js +2 -2
- package/dist/components/collection/index.js +1 -1
- package/dist/components/color-picker/index.d.ts +1 -1
- package/dist/components/color-picker/index.js +2 -2
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.js +3 -3
- package/dist/components/date-picker/index.d.ts +1 -1
- package/dist/components/drawer/index.d.ts +80 -0
- package/dist/components/drawer/index.js +206 -0
- package/dist/components/drawer/index.jsx +165 -0
- package/dist/components/editable/index.js +2 -2
- package/dist/components/field/index.d.ts +1 -1
- package/dist/components/field/index.js +2 -2
- package/dist/components/fieldset/index.d.ts +1 -1
- package/dist/components/fieldset/index.js +1 -1
- package/dist/components/file-upload/index.js +2 -2
- package/dist/components/json-tree-view/index.js +1 -1
- package/dist/components/listbox/index.d.ts +1 -1
- package/dist/components/listbox/index.js +1 -1
- package/dist/components/number-input/index.js +2 -2
- package/dist/components/password-input/index.js +2 -2
- package/dist/components/pin-input/index.js +2 -2
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/rating-group/index.js +2 -2
- package/dist/components/segment-group/index.d.ts +1 -1
- package/dist/components/select/index.js +3 -3
- package/dist/components/signature-pad/index.js +2 -2
- package/dist/components/switch/index.js +2 -2
- package/dist/components/tags-input/index.js +2 -2
- package/dist/components/tour/index.d.ts +1 -1
- package/dist/components/tree-view/index.js +1 -1
- package/dist/{date-picker-anatomy-DBNm2s3V.d.ts → date-picker-anatomy-CLgDJiIl.d.ts} +1 -1
- package/dist/drawer-anatomy-BX_dO1CK.d.ts +2 -0
- package/dist/drawer-anatomy-yHqvQAPn.js +2 -0
- package/dist/{field-qpgn7pqc.js → field-GL4C0tUr.js} +1 -1
- package/dist/{field-anatomy-BVhZBuPN.d.ts → field-anatomy-CeR3nVI8.d.ts} +1 -1
- package/dist/{fieldset-anatomy-t2uR3tz-.d.ts → fieldset-anatomy-DF0TfPdv.d.ts} +1 -1
- package/dist/{index-Ywo5uneC.d.ts → index-tOc74k5O.d.ts} +1 -1
- package/dist/{listbox-anatomy-CPLbY23M.d.ts → listbox-anatomy-BM3Tatnj.d.ts} +1 -1
- package/dist/{segment-group-anatomy-DwgdyOB9.d.ts → segment-group-anatomy-Bz4fq3aR.d.ts} +1 -1
- package/dist/{tour-anatomy-BMUAs7F2.d.ts → tour-anatomy-Dww_8e1C.d.ts} +1 -1
- package/package.json +7 -7
- package/dist/bottom-sheet-anatomy-C70fosOT.js +0 -2
- package/dist/bottom-sheet-anatomy-EFEmb--0.d.ts +0 -2
- package/dist/color-picker-anatomy--9A1k29K.d.ts +0 -6
- package/dist/combobox-anatomy-3RU1-036.d.ts +0 -6
- package/dist/components/bottom-sheet/index.d.ts +0 -80
- package/dist/components/bottom-sheet/index.js +0 -206
- package/dist/components/bottom-sheet/index.jsx +0 -165
- /package/dist/{collection-DClPz7tj.js → collection-D83ZAzYd.js} +0 -0
- /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 };
|
|
File without changes
|
|
File without changes
|