@sprawlify/solid 0.0.110 → 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.
- package/dist/{alert-dialog-anatomy-CtDwltgK.d.ts → alert-dialog-anatomy-C2_0cMsp.d.ts} +1 -1
- package/dist/{carousel-anatomy-cRpcGNQa.d.ts → carousel-anatomy-D6Mj7oF7.d.ts} +1 -1
- package/dist/{checkbox-anatomy-5y1dcYYW.d.ts → checkbox-anatomy-6YrEMoE8.d.ts} +1 -1
- package/dist/{color-picker-anatomy-BlV80dWk.d.ts → color-picker-anatomy-CYCuI0Qh.d.ts} +1 -1
- package/dist/combobox-anatomy-BP3wcKDL.d.ts +6 -0
- package/dist/components/alert-dialog/index.d.ts +1 -1
- package/dist/components/anatomy.d.ts +11 -11
- package/dist/components/carousel/index.d.ts +1 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/color-picker/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/date-picker/index.d.ts +1 -1
- package/dist/components/drawer/index.d.ts +40 -4
- package/dist/components/drawer/index.js +94 -9
- package/dist/components/drawer/index.jsx +83 -11
- package/dist/components/field/index.d.ts +1 -1
- package/dist/components/fieldset/index.d.ts +1 -1
- package/dist/components/listbox/index.d.ts +1 -1
- package/dist/components/segment-group/index.d.ts +1 -1
- package/dist/components/tour/index.d.ts +1 -1
- package/dist/{date-picker-anatomy-CLgDJiIl.d.ts → date-picker-anatomy-DFw6S35t.d.ts} +1 -1
- package/dist/{field-anatomy-CeR3nVI8.d.ts → field-anatomy-DfP5AI6N.d.ts} +1 -1
- package/dist/{fieldset-anatomy-DF0TfPdv.d.ts → fieldset-anatomy-CKytu4jl.d.ts} +1 -1
- package/dist/{index-tOc74k5O.d.ts → index-Ywo5uneC.d.ts} +1 -1
- package/dist/{listbox-anatomy-BM3Tatnj.d.ts → listbox-anatomy-C6Bu4F-s.d.ts} +1 -1
- package/dist/{segment-group-anatomy-Bz4fq3aR.d.ts → segment-group-anatomy-DKBcX-Mi.d.ts} +1 -1
- package/dist/{tour-anatomy-Dww_8e1C.d.ts → tour-anatomy-BrwK1nVa.d.ts} +1 -1
- package/package.json +2 -2
- package/dist/combobox-anatomy-BS0c9ArZ.d.ts +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/alert-dialog/alert-dialog-anatomy.d.ts
|
|
4
|
-
declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"title" | "
|
|
4
|
+
declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"title" | "trigger" | "content" | "description" | "positioner" | "backdrop" | "closeTrigger">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { alertDialogAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/carousel/carousel-anatomy.d.ts
|
|
4
|
-
declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "
|
|
4
|
+
declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { carouselAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/checkbox/checkbox-anatomy.d.ts
|
|
4
|
-
declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"
|
|
4
|
+
declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "root" | "indicator" | "group" | "control">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { checkboxAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/color-picker/color-picker-anatomy.d.ts
|
|
4
|
-
declare const colorPickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"
|
|
4
|
+
declare const colorPickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "area" | "root" | "control" | "view" | "trigger" | "content" | "positioner" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { colorPickerAnatomy as t };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
|
+
|
|
3
|
+
//#region src/components/combobox/combobox-anatomy.d.ts
|
|
4
|
+
declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "root" | "control" | "trigger" | "content" | "positioner" | "item" | "itemGroup" | "itemIndicator" | "itemText" | "list" | "clearTrigger" | "itemGroupLabel" | "empty">;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { comboboxAnatomy as t };
|
|
@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
|
2
2
|
import { i as Optional, n as MaybeAccessor } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
4
|
import { s as UsePresenceProps } from "../../index-Dho3m7QX.js";
|
|
5
|
-
import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-
|
|
5
|
+
import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-C2_0cMsp.js";
|
|
6
6
|
import * as solid_js0 from "solid-js";
|
|
7
7
|
import { Accessor, JSX } from "solid-js";
|
|
8
8
|
import * as alertDialog from "@sprawlify/primitives/machines/dialog";
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { t as accordionAnatomy } from "../accordion-anatomy-Dlbi7hWX.js";
|
|
2
|
-
import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-
|
|
2
|
+
import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-C2_0cMsp.js";
|
|
3
3
|
import { t as angleSliderAnatomy } from "../angle-slider-anatomy-D9WEbUDV.js";
|
|
4
4
|
import { t as avatarAnatomy } from "../avatar-anatomy-B1gugBlI.js";
|
|
5
5
|
import { t as drawerAnatomy } from "../drawer-anatomy-BX_dO1CK.js";
|
|
6
|
-
import { t as carouselAnatomy } from "../carousel-anatomy-
|
|
7
|
-
import { t as checkboxAnatomy } from "../checkbox-anatomy-
|
|
6
|
+
import { t as carouselAnatomy } from "../carousel-anatomy-D6Mj7oF7.js";
|
|
7
|
+
import { t as checkboxAnatomy } from "../checkbox-anatomy-6YrEMoE8.js";
|
|
8
8
|
import { t as clipboardAnatomy } from "../clipboard-anatomy-nY5kNeMj.js";
|
|
9
9
|
import { t as collapsibleAnatomy } from "../collapsible-anatomy-B75vA5QB.js";
|
|
10
|
-
import { t as colorPickerAnatomy } from "../color-picker-anatomy-
|
|
11
|
-
import { t as comboboxAnatomy } from "../combobox-anatomy-
|
|
12
|
-
import { t as datePickerAnatomy } from "../date-picker-anatomy-
|
|
10
|
+
import { t as colorPickerAnatomy } from "../color-picker-anatomy-CYCuI0Qh.js";
|
|
11
|
+
import { t as comboboxAnatomy } from "../combobox-anatomy-BP3wcKDL.js";
|
|
12
|
+
import { t as datePickerAnatomy } from "../date-picker-anatomy-DFw6S35t.js";
|
|
13
13
|
import { t as dialogAnatomy } from "../dialog-anatomy-fsIDNa4U.js";
|
|
14
14
|
import { t as editableAnatomy } from "../editable-anatomy-CDcZMAjM.js";
|
|
15
|
-
import { t as fieldAnatomy } from "../field-anatomy-
|
|
16
|
-
import { t as fieldsetAnatomy } from "../fieldset-anatomy-
|
|
15
|
+
import { t as fieldAnatomy } from "../field-anatomy-DfP5AI6N.js";
|
|
16
|
+
import { t as fieldsetAnatomy } from "../fieldset-anatomy-CKytu4jl.js";
|
|
17
17
|
import { t as fileUploadAnatomy } from "../file-upload-anatomy-oz5HPKAl.js";
|
|
18
18
|
import { t as floatingPanelAnatomy } from "../floating-panel-anatomy-CWHJO-gk.js";
|
|
19
19
|
import { t as hoverCardAnatomy } from "../hover-card-anatomy-CrEsa3XF.js";
|
|
20
20
|
import { t as imageCropperAnatomy } from "../image-cropper-anatomy-S1DPpjWp.js";
|
|
21
|
-
import { t as listboxAnatomy } from "../listbox-anatomy-
|
|
21
|
+
import { t as listboxAnatomy } from "../listbox-anatomy-C6Bu4F-s.js";
|
|
22
22
|
import { t as marqueeAnatomy } from "../marquee-anatomy-B0VBpa40.js";
|
|
23
23
|
import { t as dropdownMenuAnatomy } from "../dropdown-menu-anatomy-6hFasLVn.js";
|
|
24
24
|
import { t as navigationMenuAnatomy } from "../navigation-menu-anatomy-6TacFtNy.js";
|
|
@@ -32,7 +32,7 @@ import { t as qrCodeAnatomy } from "../qr-code-anatomy-Daeh1gXt.js";
|
|
|
32
32
|
import { t as radioGroupAnatomy } from "../radio-group-anatomy-fu9jDbmu.js";
|
|
33
33
|
import { t as ratingGroupAnatomy } from "../rating-group-anatomy-B8hoEZBE.js";
|
|
34
34
|
import { t as scrollAreaAnatomy } from "../scroll-area-anatomy-Eg5UQD6w.js";
|
|
35
|
-
import { t as segmentGroupAnatomy } from "../segment-group-anatomy-
|
|
35
|
+
import { t as segmentGroupAnatomy } from "../segment-group-anatomy-DKBcX-Mi.js";
|
|
36
36
|
import { t as selectAnatomy } from "../select-anatomy-C85MRleF.js";
|
|
37
37
|
import { t as separatorAnatomy } from "../separator-anatomy-CoRBCozn.js";
|
|
38
38
|
import { t as signaturePadAnatomy } from "../signature-pad-anatomy-69rnG-8v.js";
|
|
@@ -47,7 +47,7 @@ import { t as toastAnatomy } from "../toast-anatomy-DtLjq13p.js";
|
|
|
47
47
|
import { t as toggleAnatomy } from "../toggle-anatomy-Bh7LJ9JI.js";
|
|
48
48
|
import { t as toggleGroupAnatomy } from "../toggle-group-anatomy-DEo8iu_3.js";
|
|
49
49
|
import { t as tooltipAnatomy } from "../tooltip-anatomy-CamCIpK3.js";
|
|
50
|
-
import { t as tourAnatomy } from "../tour-anatomy-
|
|
50
|
+
import { t as tourAnatomy } from "../tour-anatomy-BrwK1nVa.js";
|
|
51
51
|
import { t as treeViewAnatomy } from "../tree-view-anatomy-DFap3OjP.js";
|
|
52
52
|
import { anatomy as aspectRatioAnatomy } from "@sprawlify/primitives/machines/aspect-ratio";
|
|
53
53
|
export * from "@sprawlify/primitives/anatomy";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
2
2
|
import { i as Optional, n as MaybeAccessor } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
|
-
import { t as carouselAnatomy } from "../../carousel-anatomy-
|
|
4
|
+
import { t as carouselAnatomy } from "../../carousel-anatomy-D6Mj7oF7.js";
|
|
5
5
|
import * as solid_js0 from "solid-js";
|
|
6
6
|
import { Accessor, JSX } from "solid-js";
|
|
7
7
|
import * as carousel from "@sprawlify/primitives/machines/carousel";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
2
2
|
import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
|
-
import { t as checkboxAnatomy } from "../../checkbox-anatomy-
|
|
4
|
+
import { t as checkboxAnatomy } from "../../checkbox-anatomy-6YrEMoE8.js";
|
|
5
5
|
import * as solid_js0 from "solid-js";
|
|
6
6
|
import { Accessor, JSX } from "solid-js";
|
|
7
7
|
import * as checkbox from "@sprawlify/primitives/machines/checkbox";
|
|
@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
|
2
2
|
import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
4
|
import { s as UsePresenceProps } from "../../index-Dho3m7QX.js";
|
|
5
|
-
import { t as colorPickerAnatomy } from "../../color-picker-anatomy-
|
|
5
|
+
import { t as colorPickerAnatomy } from "../../color-picker-anatomy-CYCuI0Qh.js";
|
|
6
6
|
import * as solid_js0 from "solid-js";
|
|
7
7
|
import { Accessor, JSX } from "solid-js";
|
|
8
8
|
import * as colorPicker from "@sprawlify/primitives/machines/color-picker";
|
|
@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
|
2
2
|
import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
4
|
import { s as UsePresenceProps } from "../../index-Dho3m7QX.js";
|
|
5
|
-
import { t as comboboxAnatomy } from "../../combobox-anatomy-
|
|
5
|
+
import { t as comboboxAnatomy } from "../../combobox-anatomy-BP3wcKDL.js";
|
|
6
6
|
import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-BbGXwXgM.js";
|
|
7
7
|
import * as solid_js0 from "solid-js";
|
|
8
8
|
import { Accessor, JSX } from "solid-js";
|
|
@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
|
2
2
|
import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
4
|
import { s as UsePresenceProps } from "../../index-Dho3m7QX.js";
|
|
5
|
-
import { t as datePickerAnatomy } from "../../date-picker-anatomy-
|
|
5
|
+
import { t as datePickerAnatomy } from "../../date-picker-anatomy-DFw6S35t.js";
|
|
6
6
|
import * as solid_js0 from "solid-js";
|
|
7
7
|
import { Accessor, JSX } from "solid-js";
|
|
8
8
|
import * as datePicker from "@sprawlify/primitives/machines/date-picker";
|
|
@@ -6,7 +6,7 @@ import { t as drawerAnatomy } from "../../drawer-anatomy-BX_dO1CK.js";
|
|
|
6
6
|
import * as solid_js0 from "solid-js";
|
|
7
7
|
import { Accessor, JSX } from "solid-js";
|
|
8
8
|
import * as drawer from "@sprawlify/primitives/machines/drawer";
|
|
9
|
-
import { ContentProps, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails } from "@sprawlify/primitives/machines/drawer";
|
|
9
|
+
import { ContentProps, DrawerStackApi, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails } from "@sprawlify/primitives/machines/drawer";
|
|
10
10
|
|
|
11
11
|
//#region src/components/drawer/drawer-backdrop.d.ts
|
|
12
12
|
interface DrawerBackdropBaseProps extends PolymorphicProps<"div"> {}
|
|
@@ -23,8 +23,15 @@ interface DrawerContentBaseProps extends PolymorphicProps<"div">, ContentProps {
|
|
|
23
23
|
interface DrawerContentProps extends Omit<HTMLProps<"div">, "draggable">, DrawerContentBaseProps {}
|
|
24
24
|
declare const DrawerContent: (props: DrawerContentProps) => solid_js0.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
|
+
//#region src/components/drawer/drawer-description.d.ts
|
|
27
|
+
interface DrawerDescriptionBaseProps extends PolymorphicProps<"div"> {}
|
|
28
|
+
interface DrawerDescriptionProps extends HTMLProps<"div">, DrawerDescriptionBaseProps {}
|
|
29
|
+
declare const DrawerDescription: (props: DrawerDescriptionProps) => solid_js0.JSX.Element;
|
|
30
|
+
//#endregion
|
|
26
31
|
//#region src/components/drawer/use-drawer.d.ts
|
|
27
|
-
interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode">, "id"> {
|
|
32
|
+
interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode" | "defaultSnapPoint">, "id"> {
|
|
33
|
+
defaultSnapPoint?: drawer.SnapPoint | undefined;
|
|
34
|
+
}
|
|
28
35
|
interface UseDrawerReturn extends Accessor<drawer.Api<PropTypes>> {}
|
|
29
36
|
declare const useDrawer: (props?: MaybeAccessor<UseDrawerProps>) => UseDrawerReturn;
|
|
30
37
|
//#endregion
|
|
@@ -37,6 +44,11 @@ interface DrawerContextProps {
|
|
|
37
44
|
}
|
|
38
45
|
declare const DrawerContext: (props: DrawerContextProps) => JSX.Element;
|
|
39
46
|
//#endregion
|
|
47
|
+
//#region src/components/drawer/drawer-positioner.d.ts
|
|
48
|
+
interface DrawerPositionerBaseProps extends PolymorphicProps<"div"> {}
|
|
49
|
+
interface DrawerPositionerProps extends HTMLProps<"div">, DrawerPositionerBaseProps {}
|
|
50
|
+
declare const DrawerPositioner: (props: DrawerPositionerProps) => solid_js0.JSX.Element;
|
|
51
|
+
//#endregion
|
|
40
52
|
//#region src/components/drawer/drawer-grabber.d.ts
|
|
41
53
|
interface DrawerGrabberBaseProps extends PolymorphicProps<"div"> {}
|
|
42
54
|
interface DrawerGrabberProps extends HTMLProps<"div">, DrawerGrabberBaseProps {}
|
|
@@ -73,8 +85,32 @@ declare const DrawerTitle: (props: DrawerTitleProps) => solid_js0.JSX.Element;
|
|
|
73
85
|
interface DrawerTriggerBaseProps extends PolymorphicProps<"button"> {}
|
|
74
86
|
interface DrawerTriggerProps extends HTMLProps<"button">, DrawerTriggerBaseProps {}
|
|
75
87
|
declare const DrawerTrigger: (props: DrawerTriggerProps) => solid_js0.JSX.Element;
|
|
88
|
+
//#endregion
|
|
89
|
+
//#region src/components/drawer/drawer-indent.d.ts
|
|
90
|
+
interface DrawerIndentBaseProps extends PolymorphicProps<"div"> {}
|
|
91
|
+
interface DrawerIndentProps extends HTMLProps<"div">, DrawerIndentBaseProps {}
|
|
92
|
+
declare const DrawerIndent: (props: DrawerIndentProps) => solid_js0.JSX.Element;
|
|
93
|
+
//#endregion
|
|
94
|
+
//#region src/components/drawer/drawer-indent-background.d.ts
|
|
95
|
+
interface DrawerIndentBackgroundBaseProps extends PolymorphicProps<"div"> {}
|
|
96
|
+
interface DrawerIndentBackgroundProps extends HTMLProps<"div">, DrawerIndentBackgroundBaseProps {}
|
|
97
|
+
declare const DrawerIndentBackground: (props: DrawerIndentBackgroundProps) => solid_js0.JSX.Element;
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/drawer/drawer-stack.d.ts
|
|
100
|
+
interface DrawerStackProps {
|
|
101
|
+
children?: JSX.Element;
|
|
102
|
+
}
|
|
103
|
+
declare const DrawerStack: (props: DrawerStackProps) => JSX.Element;
|
|
104
|
+
//#endregion
|
|
105
|
+
//#region src/components/drawer/drawer-swipe-area.d.ts
|
|
106
|
+
interface DrawerSwipeAreaBaseProps extends PolymorphicProps<"div"> {}
|
|
107
|
+
interface DrawerSwipeAreaProps extends HTMLProps<"div">, DrawerSwipeAreaBaseProps {}
|
|
108
|
+
declare const DrawerSwipeArea: (props: DrawerSwipeAreaProps) => solid_js0.JSX.Element;
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/drawer/use-drawer-stack-context.d.ts
|
|
111
|
+
interface UseDrawerStackContext extends Accessor<DrawerStackApi<PropTypes>> {}
|
|
76
112
|
declare namespace drawer_d_exports {
|
|
77
|
-
export { DrawerBackdrop as Backdrop, DrawerBackdropBaseProps as BackdropBaseProps, DrawerBackdropProps as BackdropProps, DrawerCloseTrigger as CloseTrigger, DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, DrawerCloseTriggerProps as CloseTriggerProps, DrawerContent as Content, DrawerContentBaseProps as ContentBaseProps, DrawerContentProps as ContentProps, DrawerContext as Context, DrawerContextProps as ContextProps, DrawerGrabber as Grabber, DrawerGrabberBaseProps as GrabberBaseProps, DrawerGrabberIndicator as GrabberIndicator, DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, DrawerGrabberIndicatorProps as GrabberIndicatorProps, DrawerGrabberProps as GrabberProps, OpenChangeDetails, DrawerRoot as Root, DrawerRootBaseProps as RootBaseProps, DrawerRootProps as RootProps, DrawerRootProvider as RootProvider, DrawerRootProviderBaseProps as RootProviderBaseProps, DrawerRootProviderProps as RootProviderProps, DrawerTitle as Title, DrawerTitleBaseProps as TitleBaseProps, DrawerTitleProps as TitleProps, DrawerTrigger as Trigger, DrawerTriggerBaseProps as TriggerBaseProps, DrawerTriggerProps as TriggerProps };
|
|
113
|
+
export { DrawerBackdrop as Backdrop, DrawerBackdropBaseProps as BackdropBaseProps, DrawerBackdropProps as BackdropProps, DrawerCloseTrigger as CloseTrigger, DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, DrawerCloseTriggerProps as CloseTriggerProps, DrawerContent as Content, DrawerContentBaseProps as ContentBaseProps, DrawerContentProps as ContentProps, DrawerContext as Context, DrawerContextProps as ContextProps, DrawerDescription as Description, DrawerDescriptionBaseProps as DescriptionBaseProps, DrawerDescriptionProps as DescriptionProps, DrawerGrabber as Grabber, DrawerGrabberBaseProps as GrabberBaseProps, DrawerGrabberIndicator as GrabberIndicator, DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, DrawerGrabberIndicatorProps as GrabberIndicatorProps, DrawerGrabberProps as GrabberProps, DrawerIndent as Indent, DrawerIndentBackground as IndentBackground, DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, DrawerIndentBackgroundProps as IndentBackgroundProps, DrawerIndentBaseProps as IndentBaseProps, DrawerIndentProps as IndentProps, OpenChangeDetails, DrawerPositioner as Positioner, DrawerPositionerBaseProps as PositionerBaseProps, DrawerPositionerProps as PositionerProps, DrawerRoot as Root, DrawerRootBaseProps as RootBaseProps, DrawerRootProps as RootProps, DrawerRootProvider as RootProvider, DrawerRootProviderBaseProps as RootProviderBaseProps, DrawerRootProviderProps as RootProviderProps, SnapPointChangeDetails, DrawerStack as Stack, DrawerStackProps as StackProps, DrawerSwipeArea as SwipeArea, DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, DrawerSwipeAreaProps as SwipeAreaProps, DrawerTitle as Title, DrawerTitleBaseProps as TitleBaseProps, DrawerTitleProps as TitleProps, DrawerTrigger as Trigger, DrawerTriggerBaseProps as TriggerBaseProps, DrawerTriggerProps as TriggerProps };
|
|
78
114
|
}
|
|
79
115
|
//#endregion
|
|
80
|
-
export { drawer_d_exports as Drawer, DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, DrawerContext, type DrawerContextProps, DrawerGrabber, type DrawerGrabberBaseProps, DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, type DrawerGrabberProps, type DrawerOpenChangeDetails, DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, drawerAnatomy, useDrawer, useDrawerContext };
|
|
116
|
+
export { drawer_d_exports as Drawer, DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, DrawerContext, type DrawerContextProps, DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps, DrawerGrabber, type DrawerGrabberBaseProps, DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, type DrawerGrabberProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, type DrawerIndentBaseProps, type DrawerIndentProps, type DrawerOpenChangeDetails, DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps, DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, type DrawerSnapPointChangeDetails, DrawerStack, type DrawerStackProps, DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps, DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, type UseDrawerStackContext, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };
|
|
@@ -9,13 +9,14 @@ import { t as createSplitProps } from "../../create-split-props-OE-yOtGc.js";
|
|
|
9
9
|
import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-BAqQL-Hs.js";
|
|
10
10
|
import { t as composeRefs } from "../../compose-refs-BKcaHXR8.js";
|
|
11
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";
|
|
12
|
+
import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
|
|
13
13
|
import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
|
|
14
14
|
import * as drawer from "@sprawlify/primitives/machines/drawer";
|
|
15
|
+
import { createStore, reconcile } from "solid-js/store";
|
|
15
16
|
//#region src/components/drawer/use-drawer-context.ts
|
|
16
|
-
const [
|
|
17
|
+
const [DrawerProvider, useDrawerContext] = createContext$1({
|
|
17
18
|
hookName: "useDrawerContext",
|
|
18
|
-
providerName: "<
|
|
19
|
+
providerName: "<DrawerProvider />"
|
|
19
20
|
});
|
|
20
21
|
//#endregion
|
|
21
22
|
//#region src/components/drawer/drawer-backdrop.tsx
|
|
@@ -65,9 +66,31 @@ const DrawerContent = (props) => {
|
|
|
65
66
|
});
|
|
66
67
|
};
|
|
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
|
|
68
76
|
//#region src/components/drawer/drawer-context.tsx
|
|
69
77
|
const DrawerContext = (props) => props.children(useDrawerContext());
|
|
70
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
|
|
71
94
|
//#region src/components/drawer/drawer-grabber.tsx
|
|
72
95
|
const DrawerGrabber = (props) => {
|
|
73
96
|
const drawer = useDrawerContext();
|
|
@@ -82,15 +105,22 @@ const DrawerGrabberIndicator = (props) => {
|
|
|
82
105
|
return createComponent(sprawlify.div, mergedProps);
|
|
83
106
|
};
|
|
84
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
|
|
85
113
|
//#region src/components/drawer/use-drawer.ts
|
|
86
114
|
const useDrawer = (props) => {
|
|
87
115
|
const locale = useLocaleContext();
|
|
88
116
|
const environment = useEnvironmentContext();
|
|
89
117
|
const id = createUniqueId();
|
|
118
|
+
const stack = useDrawerStackStore();
|
|
90
119
|
const machineProps = createMemo(() => ({
|
|
91
120
|
id,
|
|
92
121
|
dir: locale().dir,
|
|
93
122
|
getRootNode: environment().getRootNode,
|
|
123
|
+
stack,
|
|
94
124
|
...runIfFn(props)
|
|
95
125
|
}));
|
|
96
126
|
const service = useMachine(drawer.machine, machineProps);
|
|
@@ -110,12 +140,15 @@ const DrawerRoot = (props) => {
|
|
|
110
140
|
"closeOnInteractOutside",
|
|
111
141
|
"closeOnEscape",
|
|
112
142
|
"snapPoints",
|
|
143
|
+
"swipeDirection",
|
|
144
|
+
"snapToSequentialPoints",
|
|
113
145
|
"swipeVelocityThreshold",
|
|
114
146
|
"closeThreshold",
|
|
115
147
|
"preventDragOnScroll",
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
148
|
+
"stack",
|
|
149
|
+
"snapPoint",
|
|
150
|
+
"defaultSnapPoint",
|
|
151
|
+
"onSnapPointChange",
|
|
119
152
|
"modal",
|
|
120
153
|
"trapFocus",
|
|
121
154
|
"restoreFocus",
|
|
@@ -131,7 +164,7 @@ const DrawerRoot = (props) => {
|
|
|
131
164
|
]);
|
|
132
165
|
const drawer = useDrawer(useDrawerProps);
|
|
133
166
|
const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: drawer().open })));
|
|
134
|
-
return createComponent(
|
|
167
|
+
return createComponent(DrawerProvider, {
|
|
135
168
|
value: drawer,
|
|
136
169
|
get children() {
|
|
137
170
|
return createComponent(RenderStrategyProvider, {
|
|
@@ -154,7 +187,7 @@ const DrawerRootProvider = (props) => {
|
|
|
154
187
|
const [presenceProps, drawerProps] = splitPresenceProps(props);
|
|
155
188
|
const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
|
|
156
189
|
const presence = usePresence(mergeProps$2(() => ({ present: drawerProps.value().open }), presenceProps));
|
|
157
|
-
return createComponent(
|
|
190
|
+
return createComponent(DrawerProvider, {
|
|
158
191
|
get value() {
|
|
159
192
|
return drawerProps.value;
|
|
160
193
|
},
|
|
@@ -189,18 +222,70 @@ const DrawerTrigger = (props) => {
|
|
|
189
222
|
return createComponent(sprawlify.button, mergedProps);
|
|
190
223
|
};
|
|
191
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
|
|
192
271
|
//#region src/components/drawer/drawer.ts
|
|
193
272
|
var drawer_exports = /* @__PURE__ */ __exportAll({
|
|
194
273
|
Backdrop: () => DrawerBackdrop,
|
|
195
274
|
CloseTrigger: () => DrawerCloseTrigger,
|
|
196
275
|
Content: () => DrawerContent,
|
|
197
276
|
Context: () => DrawerContext,
|
|
277
|
+
Description: () => DrawerDescription,
|
|
198
278
|
Grabber: () => DrawerGrabber,
|
|
199
279
|
GrabberIndicator: () => DrawerGrabberIndicator,
|
|
280
|
+
Indent: () => DrawerIndent,
|
|
281
|
+
IndentBackground: () => DrawerIndentBackground,
|
|
282
|
+
Positioner: () => DrawerPositioner,
|
|
200
283
|
Root: () => DrawerRoot,
|
|
201
284
|
RootProvider: () => DrawerRootProvider,
|
|
285
|
+
Stack: () => DrawerStack,
|
|
286
|
+
SwipeArea: () => DrawerSwipeArea,
|
|
202
287
|
Title: () => DrawerTitle,
|
|
203
288
|
Trigger: () => DrawerTrigger
|
|
204
289
|
});
|
|
205
290
|
//#endregion
|
|
206
|
-
export { drawer_exports as Drawer, DrawerBackdrop, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerGrabber, DrawerGrabberIndicator, DrawerRoot, DrawerRootProvider, DrawerTitle, DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext };
|
|
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 };
|
|
@@ -8,13 +8,14 @@ import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
|
|
|
8
8
|
import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-6LT04Ztx.jsx";
|
|
9
9
|
import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
|
|
10
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";
|
|
11
|
+
import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
|
|
12
12
|
import * as drawer from "@sprawlify/primitives/machines/drawer";
|
|
13
13
|
import { anatomy as drawerAnatomy } from "@sprawlify/primitives/machines/drawer";
|
|
14
|
+
import { createStore, reconcile } from "solid-js/store";
|
|
14
15
|
//#region src/components/drawer/use-drawer-context.ts
|
|
15
|
-
const [
|
|
16
|
+
const [DrawerProvider, useDrawerContext] = createContext$1({
|
|
16
17
|
hookName: "useDrawerContext",
|
|
17
|
-
providerName: "<
|
|
18
|
+
providerName: "<DrawerProvider />"
|
|
18
19
|
});
|
|
19
20
|
//#endregion
|
|
20
21
|
//#region src/components/drawer/drawer-backdrop.tsx
|
|
@@ -48,9 +49,26 @@ const DrawerContent = (props) => {
|
|
|
48
49
|
</Show>;
|
|
49
50
|
};
|
|
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
|
|
51
59
|
//#region src/components/drawer/drawer-context.tsx
|
|
52
60
|
const DrawerContext = (props) => props.children(useDrawerContext());
|
|
53
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
|
|
54
72
|
//#region src/components/drawer/drawer-grabber.tsx
|
|
55
73
|
const DrawerGrabber = (props) => {
|
|
56
74
|
const drawer = useDrawerContext();
|
|
@@ -65,15 +83,22 @@ const DrawerGrabberIndicator = (props) => {
|
|
|
65
83
|
return <sprawlify.div {...mergedProps} />;
|
|
66
84
|
};
|
|
67
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
|
|
68
91
|
//#region src/components/drawer/use-drawer.ts
|
|
69
92
|
const useDrawer = (props) => {
|
|
70
93
|
const locale = useLocaleContext();
|
|
71
94
|
const environment = useEnvironmentContext();
|
|
72
95
|
const id = createUniqueId();
|
|
96
|
+
const stack = useDrawerStackStore();
|
|
73
97
|
const machineProps = createMemo(() => ({
|
|
74
98
|
id,
|
|
75
99
|
dir: locale().dir,
|
|
76
100
|
getRootNode: environment().getRootNode,
|
|
101
|
+
stack,
|
|
77
102
|
...runIfFn(props)
|
|
78
103
|
}));
|
|
79
104
|
const service = useMachine(drawer.machine, machineProps);
|
|
@@ -93,12 +118,15 @@ const DrawerRoot = (props) => {
|
|
|
93
118
|
"closeOnInteractOutside",
|
|
94
119
|
"closeOnEscape",
|
|
95
120
|
"snapPoints",
|
|
121
|
+
"swipeDirection",
|
|
122
|
+
"snapToSequentialPoints",
|
|
96
123
|
"swipeVelocityThreshold",
|
|
97
124
|
"closeThreshold",
|
|
98
125
|
"preventDragOnScroll",
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
126
|
+
"stack",
|
|
127
|
+
"snapPoint",
|
|
128
|
+
"defaultSnapPoint",
|
|
129
|
+
"onSnapPointChange",
|
|
102
130
|
"modal",
|
|
103
131
|
"trapFocus",
|
|
104
132
|
"restoreFocus",
|
|
@@ -114,11 +142,11 @@ const DrawerRoot = (props) => {
|
|
|
114
142
|
]);
|
|
115
143
|
const drawer = useDrawer(useDrawerProps);
|
|
116
144
|
const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: drawer().open })));
|
|
117
|
-
return <
|
|
145
|
+
return <DrawerProvider value={drawer}>
|
|
118
146
|
<RenderStrategyProvider value={renderStrategyProps}>
|
|
119
147
|
<PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
|
|
120
148
|
</RenderStrategyProvider>
|
|
121
|
-
</
|
|
149
|
+
</DrawerProvider>;
|
|
122
150
|
};
|
|
123
151
|
//#endregion
|
|
124
152
|
//#region src/components/drawer/drawer-root-provider.tsx
|
|
@@ -126,11 +154,11 @@ const DrawerRootProvider = (props) => {
|
|
|
126
154
|
const [presenceProps, drawerProps] = splitPresenceProps(props);
|
|
127
155
|
const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
|
|
128
156
|
const presence = usePresence(mergeProps$1(() => ({ present: drawerProps.value().open }), presenceProps));
|
|
129
|
-
return <
|
|
157
|
+
return <DrawerProvider value={drawerProps.value}>
|
|
130
158
|
<RenderStrategyProvider value={renderStrategyProps}>
|
|
131
159
|
<PresenceProvider value={presence}>{drawerProps.children}</PresenceProvider>
|
|
132
160
|
</RenderStrategyProvider>
|
|
133
|
-
</
|
|
161
|
+
</DrawerProvider>;
|
|
134
162
|
};
|
|
135
163
|
//#endregion
|
|
136
164
|
//#region src/components/drawer/drawer-title.tsx
|
|
@@ -148,18 +176,62 @@ const DrawerTrigger = (props) => {
|
|
|
148
176
|
return <sprawlify.button {...mergedProps} />;
|
|
149
177
|
};
|
|
150
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
|
|
151
217
|
//#region src/components/drawer/drawer.ts
|
|
152
218
|
var drawer_exports = /* @__PURE__ */ __exportAll({
|
|
153
219
|
Backdrop: () => DrawerBackdrop,
|
|
154
220
|
CloseTrigger: () => DrawerCloseTrigger,
|
|
155
221
|
Content: () => DrawerContent,
|
|
156
222
|
Context: () => DrawerContext,
|
|
223
|
+
Description: () => DrawerDescription,
|
|
157
224
|
Grabber: () => DrawerGrabber,
|
|
158
225
|
GrabberIndicator: () => DrawerGrabberIndicator,
|
|
226
|
+
Indent: () => DrawerIndent,
|
|
227
|
+
IndentBackground: () => DrawerIndentBackground,
|
|
228
|
+
Positioner: () => DrawerPositioner,
|
|
159
229
|
Root: () => DrawerRoot,
|
|
160
230
|
RootProvider: () => DrawerRootProvider,
|
|
231
|
+
Stack: () => DrawerStack,
|
|
232
|
+
SwipeArea: () => DrawerSwipeArea,
|
|
161
233
|
Title: () => DrawerTitle,
|
|
162
234
|
Trigger: () => DrawerTrigger
|
|
163
235
|
});
|
|
164
236
|
//#endregion
|
|
165
|
-
export { drawer_exports as Drawer, DrawerBackdrop, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerGrabber, DrawerGrabberIndicator, DrawerRoot, DrawerRootProvider, DrawerTitle, DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext };
|
|
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 };
|
|
@@ -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-
|
|
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
|
|
|
@@ -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-
|
|
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
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
2
2
|
import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
|
-
import { t as listboxAnatomy } from "../../listbox-anatomy-
|
|
4
|
+
import { t as listboxAnatomy } from "../../listbox-anatomy-C6Bu4F-s.js";
|
|
5
5
|
import { _ as CollectionItem, b as createListCollection, y as ListCollection } from "../../index-BbGXwXgM.js";
|
|
6
6
|
import * as solid_js0 from "solid-js";
|
|
7
7
|
import { Accessor, JSX } from "solid-js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
2
2
|
import { i as Optional, n as MaybeAccessor } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
|
-
import { t as segmentGroupAnatomy } from "../../segment-group-anatomy-
|
|
4
|
+
import { t as segmentGroupAnatomy } from "../../segment-group-anatomy-DKBcX-Mi.js";
|
|
5
5
|
import * as solid_js0 from "solid-js";
|
|
6
6
|
import { Accessor, JSX } from "solid-js";
|
|
7
7
|
import * as segmentGroup from "@sprawlify/primitives/machines/radio-group";
|
|
@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-Bnd2Fp7Q.js";
|
|
|
2
2
|
import { i as Optional, n as MaybeAccessor } from "../../types-C0L5xDeS.js";
|
|
3
3
|
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BxBlXUD3.js";
|
|
4
4
|
import { s as UsePresenceProps } from "../../index-Dho3m7QX.js";
|
|
5
|
-
import { t as tourAnatomy } from "../../tour-anatomy-
|
|
5
|
+
import { t as tourAnatomy } from "../../tour-anatomy-BrwK1nVa.js";
|
|
6
6
|
import * as solid_js0 from "solid-js";
|
|
7
7
|
import { Accessor, JSX } from "solid-js";
|
|
8
8
|
import { WaitForOptions as WaitOptions } from "@sprawlify/primitives/dom-query";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/date-picker/date-picker-anatomy.d.ts
|
|
4
|
-
declare const datePickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"
|
|
4
|
+
declare const datePickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "table" | "root" | "control" | "view" | "trigger" | "content" | "positioner" | "nextTrigger" | "prevTrigger" | "valueText" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { datePickerAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/field/field-anatomy.d.ts
|
|
4
|
-
declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"
|
|
4
|
+
declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "textarea" | "select" | "root" | "errorText" | "helperText" | "requiredIndicator">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { fieldAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/fieldset/fieldset-anatomy.d.ts
|
|
4
|
-
declare const fieldsetAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"
|
|
4
|
+
declare const fieldsetAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { fieldsetAnatomy as t };
|
|
@@ -29,7 +29,7 @@ interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {}
|
|
|
29
29
|
declare const Presence: (props: PresenceProps) => solid_js0.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
31
|
//#region src/components/presence/split-presence-props.d.ts
|
|
32
|
-
declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [Pick<T, Extract<("
|
|
32
|
+
declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [Pick<T, Extract<("present" | "onExitComplete" | "immediate" | "skipAnimationOnMount" | "lazyMount" | "unmountOnExit")[], readonly (keyof T)[]>[number]>, { [P in keyof T as Exclude<P, "present" | "onExitComplete" | "immediate" | "skipAnimationOnMount" | "lazyMount" | "unmountOnExit">]: T[P] }];
|
|
33
33
|
//#endregion
|
|
34
34
|
//#region src/components/presence/use-presence-context.d.ts
|
|
35
35
|
interface UsePresenceContext extends UsePresenceReturn {}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/listbox/listbox-anatomy.d.ts
|
|
4
|
-
declare const listboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"
|
|
4
|
+
declare const listboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "root" | "content" | "item" | "itemGroup" | "valueText" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { listboxAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/segment-group/segment-group-anatomy.d.ts
|
|
4
|
-
declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"
|
|
4
|
+
declare const segmentGroupAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { segmentGroupAnatomy as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
2
|
|
|
3
3
|
//#region src/components/tour/tour-anatomy.d.ts
|
|
4
|
-
declare const tourAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"title" | "
|
|
4
|
+
declare const tourAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"title" | "control" | "content" | "description" | "positioner" | "backdrop" | "closeTrigger" | "progressText" | "arrow" | "actionTrigger" | "arrowTip" | "spotlight">;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { tourAnatomy as t };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sprawlify/solid",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.111",
|
|
4
4
|
"description": "Solid wrapper for primitives.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "sprawlify <npm@sprawlify.com>",
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
},
|
|
334
334
|
"dependencies": {
|
|
335
335
|
"@solid-primitives/keyed": "^1.5.3",
|
|
336
|
-
"@sprawlify/primitives": "0.0.
|
|
336
|
+
"@sprawlify/primitives": "0.0.111"
|
|
337
337
|
},
|
|
338
338
|
"peerDependencies": {
|
|
339
339
|
"solid-js": ">=1.9.10"
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
2
|
-
|
|
3
|
-
//#region src/components/combobox/combobox-anatomy.d.ts
|
|
4
|
-
declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "label" | "input" | "content" | "itemGroup" | "item" | "itemText" | "itemIndicator" | "itemGroupLabel" | "empty" | "trigger" | "positioner" | "control" | "clearTrigger" | "list">;
|
|
5
|
-
//#endregion
|
|
6
|
-
export { comboboxAnatomy as t };
|