@wirekyt/solid 0.0.1 → 0.0.2

package/dist/dialog.js

@@ -0,0 +1,205 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-CE6lXCu5.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/use-context.ts
+const [DialogProvider, useDialogContext] = createContext$1({
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+//#endregion
+//#region src/components/dialog/backdrop.tsx
+const DialogBackdrop = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: api().open })));
+	const mergedProps = mergeProps$2(() => api().getBackdropProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/dialog/close-trigger.tsx
+const DialogCloseTrigger = (props) => {
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps$2(() => dialog().getCloseTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/dialog/content.tsx
+const DialogContent = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/dialog/context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+//#endregion
+//#region src/components/dialog/description.tsx
+const DialogDescription = (props) => {
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps$2(() => dialog().getDescriptionProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/dialog/positioner.tsx
+const DialogPositioner = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/dialog/use.ts
+const useDialog = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(dialog.machine, machineProps);
+	return createMemo(() => dialog.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/dialog/root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useDialogProps, localProps] = createSplitProps()(dialogProps, [
+		"aria-label",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"preventScroll",
+		"restoreFocus",
+		"role",
+		"trapFocus",
+		"triggerValue",
+		"defaultTriggerValue",
+		"onTriggerValueChange"
+	]);
+	const api = useDialog(useDialogProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	return createComponent(DialogProvider, {
+		value: api,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: apiPresence,
+						get children() {
+							return localProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/dialog/root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: dialogProps.value().open })));
+	return createComponent(DialogProvider, {
+		get value() {
+			return dialogProps.value;
+		},
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: apiPresence,
+						get children() {
+							return dialogProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/dialog/title.tsx
+const DialogTitle = (props) => {
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps$2(() => dialog().getTitleProps(), props);
+	return createComponent(wire.h2, mergedProps);
+};
+//#endregion
+//#region src/components/dialog/trigger.tsx
+const DialogTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(triggerProps), () => ({ "aria-controls": presenceApi().unmounted && null }), localProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => DialogBackdrop,
+	CloseTrigger: () => DialogCloseTrigger,
+	Content: () => DialogContent,
+	Context: () => DialogContext,
+	Description: () => DialogDescription,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	RootProvider: () => DialogRootProvider,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+//#endregion
+export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, dialogAnatomy, useDialog, useDialogContext };

package/dist/dialog.jsx

@@ -0,0 +1,159 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-9UGkuyfn.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/use-context.ts
+const [DialogProvider, useDialogContext] = createContext$1({
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+//#endregion
+//#region src/components/dialog/backdrop.tsx
+const DialogBackdrop = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: api().open })));
+	const mergedProps = mergeProps$1(() => api().getBackdropProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/dialog/close-trigger.tsx
+const DialogCloseTrigger = (props) => {
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps$1(() => dialog().getCloseTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/dialog/content.tsx
+const DialogContent = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/dialog/context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+//#endregion
+//#region src/components/dialog/description.tsx
+const DialogDescription = (props) => {
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps$1(() => dialog().getDescriptionProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/dialog/positioner.tsx
+const DialogPositioner = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/dialog/use.ts
+const useDialog = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(dialog.machine, machineProps);
+	return createMemo(() => dialog.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/dialog/root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useDialogProps, localProps] = createSplitProps()(dialogProps, [
+		"aria-label",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"preventScroll",
+		"restoreFocus",
+		"role",
+		"trapFocus",
+		"triggerValue",
+		"defaultTriggerValue",
+		"onTriggerValueChange"
+	]);
+	const api = useDialog(useDialogProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	return <DialogProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DialogProvider>;
+};
+//#endregion
+//#region src/components/dialog/root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: dialogProps.value().open })));
+	return <DialogProvider value={dialogProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{dialogProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DialogProvider>;
+};
+//#endregion
+//#region src/components/dialog/title.tsx
+const DialogTitle = (props) => {
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps$1(() => dialog().getTitleProps(), props);
+	return <wire.h2 {...mergedProps} />;
+};
+//#endregion
+//#region src/components/dialog/trigger.tsx
+const DialogTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value"]);
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(triggerProps), () => ({ "aria-controls": presenceApi().unmounted && null }), localProps);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => DialogBackdrop,
+	CloseTrigger: () => DialogCloseTrigger,
+	Content: () => DialogContent,
+	Context: () => DialogContext,
+	Description: () => DialogDescription,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	RootProvider: () => DialogRootProvider,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+//#endregion
+export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, dialogAnatomy, useDialog, useDialogContext };

package/dist/download-trigger.d.ts

@@ -0,0 +1,22 @@
+import { i as MaybePromise, r as MaybeAccessor } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { JSX } from "solid-js";
+import { FileMimeType } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use.d.ts
+type DownloadableData = string | Blob | File;
+interface UseDownloadProps {
+  fileName: string;
+  mimeType: FileMimeType;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+}
+interface UseDownloadReturn {
+  download: () => void;
+}
+declare const useDownload: (props: MaybeAccessor<UseDownloadProps>) => UseDownloadReturn;
+//#endregion
+//#region src/components/download-trigger/download-trigger.d.ts
+interface DownloadTriggerBaseProps extends PolymorphicProps<"button">, UseDownloadProps {}
+interface DownloadTriggerProps extends HTMLProps<"button">, DownloadTriggerBaseProps {}
+declare function DownloadTrigger(props: DownloadTriggerProps): JSX.Element;
+//#endregion
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

package/dist/download-trigger.js

@@ -0,0 +1,55 @@
+import "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { isFunction } from "@wirekyt/dom/utils";
+import { splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { downloadFile } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use.ts
+const useDownload = (props) => {
+	const env = useEnvironmentContext();
+	const download = () => {
+		const { fileName, mimeType, data } = runIfFn(props);
+		const saveToDisk = (value) => {
+			downloadFile({
+				file: value,
+				name: fileName,
+				type: mimeType,
+				win: env().getWindow()
+			});
+		};
+		if (isFunction(data)) {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then(saveToDisk);
+			else saveToDisk(maybePromise);
+		} else saveToDisk(data);
+	};
+	return { download };
+};
+//#endregion
+//#region src/components/download-trigger/download-trigger.tsx
+function DownloadTrigger(props) {
+	const [downloadProps, restProps] = splitProps(props, [
+		"fileName",
+		"data",
+		"mimeType",
+		"onClick"
+	]);
+	const { download } = useDownload(() => ({
+		fileName: downloadProps.fileName,
+		mimeType: downloadProps.mimeType,
+		data: downloadProps.data
+	}));
+	const handleClick = (e) => {
+		if (typeof downloadProps.onClick === "function") downloadProps.onClick(e);
+		if (e.defaultPrevented) return;
+		download();
+	};
+	return createComponent(wire.button, mergeProps$1(restProps, {
+		type: "button",
+		onClick: handleClick
+	}));
+}
+//#endregion
+export { DownloadTrigger, useDownload };

package/dist/download-trigger.jsx

@@ -0,0 +1,51 @@
+import "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { isFunction } from "@wirekyt/dom/utils";
+import { splitProps } from "solid-js";
+import { downloadFile } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use.ts
+const useDownload = (props) => {
+	const env = useEnvironmentContext();
+	const download = () => {
+		const { fileName, mimeType, data } = runIfFn(props);
+		const saveToDisk = (value) => {
+			downloadFile({
+				file: value,
+				name: fileName,
+				type: mimeType,
+				win: env().getWindow()
+			});
+		};
+		if (isFunction(data)) {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then(saveToDisk);
+			else saveToDisk(maybePromise);
+		} else saveToDisk(data);
+	};
+	return { download };
+};
+//#endregion
+//#region src/components/download-trigger/download-trigger.tsx
+function DownloadTrigger(props) {
+	const [downloadProps, restProps] = splitProps(props, [
+		"fileName",
+		"data",
+		"mimeType",
+		"onClick"
+	]);
+	const { download } = useDownload(() => ({
+		fileName: downloadProps.fileName,
+		mimeType: downloadProps.mimeType,
+		data: downloadProps.data
+	}));
+	const handleClick = (e) => {
+		if (typeof downloadProps.onClick === "function") downloadProps.onClick(e);
+		if (e.defaultPrevented) return;
+		download();
+	};
+	return <wire.button {...restProps} type="button" onClick={handleClick} />;
+}
+//#endregion
+export { DownloadTrigger, useDownload };

package/dist/drawer.d.ts

@@ -0,0 +1,114 @@
+import { a as Optional, n as Assign, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { s as UsePresenceProps } from "./index-B17eqq14.js";
+import { Accessor, JSX } from "solid-js";
+import * as drawer from "@wirekyt/dom/machines/drawer";
+import { ContentProps, DrawerStackApi, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, anatomy as drawerAnatomy } from "@wirekyt/dom/machines/drawer";
+//#region src/components/drawer/backdrop.d.ts
+interface DrawerBackdropBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerBackdropProps extends HTMLProps<"div">, DrawerBackdropBaseProps {}
+declare const DrawerBackdrop: (props: DrawerBackdropProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/close-trigger.d.ts
+interface DrawerCloseTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface DrawerCloseTriggerProps extends HTMLProps<"button">, DrawerCloseTriggerBaseProps {}
+declare const DrawerCloseTrigger: (props: DrawerCloseTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/content.d.ts
+interface DrawerContentBaseProps extends PolymorphicProps<"div">, ContentProps {}
+interface DrawerContentProps extends Omit<HTMLProps<"div">, "draggable">, DrawerContentBaseProps {}
+declare const DrawerContent: (props: DrawerContentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/description.d.ts
+interface DrawerDescriptionBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerDescriptionProps extends HTMLProps<"div">, DrawerDescriptionBaseProps {}
+declare const DrawerDescription: (props: DrawerDescriptionProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/use-drawer.d.ts
+interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode" | "defaultSnapPoint">, "id"> {
+  defaultSnapPoint?: drawer.SnapPoint | undefined;
+}
+interface UseDrawerReturn extends Accessor<drawer.Api<PropTypes>> {}
+declare const useDrawer: (props?: MaybeAccessor<UseDrawerProps>) => UseDrawerReturn;
+//#endregion
+//#region src/components/drawer/use-context.d.ts
+interface UseDrawerContext extends UseDrawerReturn {}
+declare const DrawerProvider: import("solid-js").ContextProviderComponent<UseDrawerContext>, useDrawerContext: () => UseDrawerContext;
+//#endregion
+//#region src/components/drawer/context.d.ts
+interface DrawerContextProps {
+  children: (context: UseDrawerContext) => JSX.Element;
+}
+declare const DrawerContext: (props: DrawerContextProps) => JSX.Element;
+//#endregion
+//#region src/components/drawer/positioner.d.ts
+interface DrawerPositionerBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerPositionerProps extends HTMLProps<"div">, DrawerPositionerBaseProps {}
+declare const DrawerPositioner: (props: DrawerPositionerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/grabber.d.ts
+interface DrawerGrabberBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerGrabberProps extends HTMLProps<"div">, DrawerGrabberBaseProps {}
+declare const DrawerGrabber: (props: DrawerGrabberProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/grabber-indicator.d.ts
+interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerGrabberIndicatorProps extends HTMLProps<"div">, DrawerGrabberIndicatorBaseProps {}
+declare const DrawerGrabberIndicator: (props: DrawerGrabberIndicatorProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/root.d.ts
+interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {}
+interface DrawerRootProps extends DrawerRootBaseProps {
+  children?: JSX.Element;
+}
+declare const DrawerRoot: (props: DrawerRootProps) => JSX.Element;
+//#endregion
+//#region src/components/drawer/root-provider.d.ts
+interface RootProviderProps {
+  value: UseDrawerReturn;
+}
+interface DrawerRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const DrawerRootProvider: (props: DrawerRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/drawer/title.d.ts
+interface DrawerTitleBaseProps extends PolymorphicProps<"h2"> {}
+interface DrawerTitleProps extends HTMLProps<"h2">, DrawerTitleBaseProps {}
+declare const DrawerTitle: (props: DrawerTitleProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/trigger.d.ts
+interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps<"button"> {}
+interface DrawerTriggerProps extends Assign<HTMLProps<"button">, DrawerTriggerBaseProps> {}
+declare const DrawerTrigger: (props: DrawerTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/indent.d.ts
+interface DrawerIndentBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerIndentProps extends HTMLProps<"div">, DrawerIndentBaseProps {}
+declare const DrawerIndent: (props: DrawerIndentProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/indent-background.d.ts
+interface DrawerIndentBackgroundBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerIndentBackgroundProps extends HTMLProps<"div">, DrawerIndentBackgroundBaseProps {}
+declare const DrawerIndentBackground: (props: DrawerIndentBackgroundProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/stack.d.ts
+interface DrawerStackProps {
+  children?: JSX.Element;
+}
+declare const DrawerStack: (props: DrawerStackProps) => JSX.Element;
+//#endregion
+//#region src/components/drawer/swipe-area.d.ts
+interface DrawerSwipeAreaBaseProps extends PolymorphicProps<"div"> {}
+interface DrawerSwipeAreaProps extends HTMLProps<"div">, DrawerSwipeAreaBaseProps {}
+declare const DrawerSwipeArea: (props: DrawerSwipeAreaProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/drawer/use-stack-context.d.ts
+interface UseDrawerStackContext extends Accessor<DrawerStackApi<PropTypes>> {}
+declare const DrawerStackProvider: import("solid-js").ContextProviderComponent<UseDrawerStackContext>, useDrawerStackContext: () => UseDrawerStackContext;
+declare namespace drawer_d_exports {
+  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, TriggerValueChangeDetails };
+}
+//#endregion
+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 DrawerTriggerValueChangeDetails, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, type UseDrawerStackContext, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };