@sprawlify/solid 0.0.14 → 0.0.15

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,80 @@
+import { n as PropTypes } from "../../index-C3ATynHc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-bQRbEioA.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
+import "../../render-strategy-CtRkdWei.js";
+import { s as UsePresenceProps } from "../../index-vSwYtc2L.js";
+import * as solid_js65 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
+import { ContentProps, OpenChangeDetails, OpenChangeDetails as BottomSheetOpenChangeDetails, anatomy as bottomSheetAnatomy } from "@sprawlify/primitives/machines/bottom-sheet";
+
+//#region src/components/bottom-sheet/bottom-sheet-backdrop.d.ts
+interface BottomSheetBackdropBaseProps extends PolymorphicProps<'div'> {}
+interface BottomSheetBackdropProps extends HTMLProps<'div'>, BottomSheetBackdropBaseProps {}
+declare const BottomSheetBackdrop: (props: BottomSheetBackdropProps) => solid_js65.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.d.ts
+interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface BottomSheetCloseTriggerProps extends HTMLProps<'button'>, BottomSheetCloseTriggerBaseProps {}
+declare const BottomSheetCloseTrigger: (props: BottomSheetCloseTriggerProps) => solid_js65.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.d.ts
+interface BottomSheetContentBaseProps extends PolymorphicProps<'div'>, ContentProps {}
+interface BottomSheetContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, BottomSheetContentBaseProps {}
+declare const BottomSheetContent: (props: BottomSheetContentProps) => solid_js65.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.d.ts
+interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseBottomSheetReturn extends Accessor<bottomSheet.Api<PropTypes>> {}
+declare const useBottomSheet: (props?: MaybeAccessor<UseBottomSheetProps>) => UseBottomSheetReturn;
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet-context.d.ts
+interface UseBottomSheetContext extends UseBottomSheetReturn {}
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-context.d.ts
+interface BottomSheetContextProps {
+  children: (context: UseBottomSheetContext) => JSX.Element;
+}
+declare const BottomSheetContext: (props: BottomSheetContextProps) => JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber.d.ts
+interface BottomSheetGrabberBaseProps extends PolymorphicProps<'div'> {}
+interface BottomSheetGrabberProps extends HTMLProps<'div'>, BottomSheetGrabberBaseProps {}
+declare const BottomSheetGrabber: (props: BottomSheetGrabberProps) => solid_js65.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts
+interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface BottomSheetGrabberIndicatorProps extends HTMLProps<'div'>, BottomSheetGrabberIndicatorBaseProps {}
+declare const BottomSheetGrabberIndicator: (props: BottomSheetGrabberIndicatorProps) => solid_js65.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.d.ts
+interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {}
+interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+  children?: JSX.Element;
+}
+declare const BottomSheetRoot: (props: BottomSheetRootProps) => JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.d.ts
+interface RootProviderProps {
+  value: UseBottomSheetReturn;
+}
+interface BottomSheetRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const BottomSheetRootProvider: (props: BottomSheetRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.d.ts
+interface BottomSheetTitleBaseProps extends PolymorphicProps<'h2'> {}
+interface BottomSheetTitleProps extends HTMLProps<'h2'>, BottomSheetTitleBaseProps {}
+declare const BottomSheetTitle: (props: BottomSheetTitleProps) => solid_js65.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.d.ts
+interface BottomSheetTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface BottomSheetTriggerProps extends HTMLProps<'button'>, BottomSheetTriggerBaseProps {}
+declare const BottomSheetTrigger: (props: BottomSheetTriggerProps) => solid_js65.JSX.Element;
+declare namespace bottom_sheet_d_exports {
+  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 };
+}
+//#endregion
+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 };

package/dist/components/bottom-sheet/index.js

@@ -0,0 +1,218 @@
+import { t as __export } from "../../chunk-CKcAJnC7.js";
+import { a as useMachine, i as mergeProps$2, r as normalizeProps, t as runIfFn } from "../../run-if-fn-eYlaegHy.js";
+import { t as createContext$1 } from "../../create-context-PS2j4mEo.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CQkAUunr.js";
+import { n as createSplitProps, t as sprawlify } from "../../factory-CEdj72aS.js";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-COrlrUuR.js";
+import { t as composeRefs } from "../../compose-refs-vsrTrt13.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bfjusgm3.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
+import { anatomy as bottomSheetAnatomy } from "@sprawlify/primitives/machines/bottom-sheet";
+
+//#region src/components/bottom-sheet/use-bottom-sheet-context.ts
+const [BottomSheetProvider, useBottomSheetContext] = createContext$1({
+	hookName: "useBottomSheetContext",
+	providerName: "<BottomSheetProvider />"
+});
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-backdrop.tsx
+const BottomSheetBackdrop = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: bottomSheet$1().open })));
+	const mergedProps = mergeProps$2(() => bottomSheet$1().getBackdropProps(), () => presence().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presence().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
+const BottomSheetCloseTrigger = (props) => {
+	const context = useBottomSheetContext();
+	const mergedProps = mergeProps$2(() => context().getCloseTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.tsx
+const BottomSheetContent = (props) => {
+	const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => bottomSheet$1().getContentProps({
+		draggable: true,
+		...contentProps
+	}), () => presence().presenceProps, localProps);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presence().ref, localProps.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-context.tsx
+const BottomSheetContext = (props) => props.children(useBottomSheetContext());
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber.tsx
+const BottomSheetGrabber = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const mergedProps = mergeProps$2(() => bottomSheet$1().getGrabberProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
+const BottomSheetGrabberIndicator = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const mergedProps = mergeProps$2(() => bottomSheet$1().getGrabberIndicatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.ts
+const useBottomSheet = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(bottomSheet.machine, machineProps);
+	return createMemo(() => bottomSheet.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.tsx
+const BottomSheetRoot = (props) => {
+	const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, [
+		"id",
+		"ids",
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"closeOnInteractOutside",
+		"closeOnEscape",
+		"snapPoints",
+		"swipeVelocityThreshold",
+		"closeThreshold",
+		"preventDragOnScroll",
+		"activeSnapPoint",
+		"defaultActiveSnapPoint",
+		"onActiveSnapPointChange",
+		"modal",
+		"trapFocus",
+		"restoreFocus",
+		"preventScroll",
+		"initialFocusEl",
+		"finalFocusEl",
+		"role",
+		"onInteractOutside",
+		"onEscapeKeyDown",
+		"onPointerDownOutside",
+		"onFocusOutside",
+		"onRequestDismiss"
+	]);
+	const bottomSheet$1 = useBottomSheet(useBottomSheetProps);
+	const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: bottomSheet$1().open })));
+	return createComponent(BottomSheetProvider, {
+		value: bottomSheet$1,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: presence,
+						get children() {
+							return localProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.tsx
+const BottomSheetRootProvider = (props) => {
+	const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps$2(() => ({ present: bottomSheetProps.value().open }), presenceProps));
+	return createComponent(BottomSheetProvider, {
+		get value() {
+			return bottomSheetProps.value;
+		},
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: presence,
+						get children() {
+							return bottomSheetProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.tsx
+const BottomSheetTitle = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const mergedProps = mergeProps$2(() => bottomSheet$1().getTitleProps(), props);
+	return createComponent(sprawlify.h2, mergedProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.tsx
+const BottomSheetTrigger = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => bottomSheet$1().getTriggerProps(), () => ({ "aria-controls": presence().unmounted && null }), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet.ts
+var bottom_sheet_exports = /* @__PURE__ */ __export({
+	Backdrop: () => BottomSheetBackdrop,
+	CloseTrigger: () => BottomSheetCloseTrigger,
+	Content: () => BottomSheetContent,
+	Context: () => BottomSheetContext,
+	Grabber: () => BottomSheetGrabber,
+	GrabberIndicator: () => BottomSheetGrabberIndicator,
+	Root: () => BottomSheetRoot,
+	RootProvider: () => BottomSheetRootProvider,
+	Title: () => BottomSheetTitle,
+	Trigger: () => BottomSheetTrigger
+});
+
+//#endregion
+export { bottom_sheet_exports as BottomSheet, BottomSheetBackdrop, BottomSheetCloseTrigger, BottomSheetContent, BottomSheetContext, BottomSheetGrabber, BottomSheetGrabberIndicator, BottomSheetRoot, BottomSheetRootProvider, BottomSheetTitle, BottomSheetTrigger, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };

package/dist/components/bottom-sheet/index.jsx

@@ -0,0 +1,177 @@
+import { t as __export } from "../../chunk-C4aQI7lE.jsx";
+import { a as useMachine, i as mergeProps$1, r as normalizeProps, t as runIfFn } from "../../run-if-fn-DRWB51JE.jsx";
+import { t as createContext$1 } from "../../create-context-h3cXiEld.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CHqGPEsc.jsx";
+import { n as sprawlify, t as createSplitProps } from "../../create-split-props-CQVsvhvg.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-CZDG_yDi.jsx";
+import { t as composeRefs } from "../../compose-refs-CzyOb8yH.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-arWh1hVd.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
+import { anatomy as bottomSheetAnatomy } from "@sprawlify/primitives/machines/bottom-sheet";
+
+//#region src/components/bottom-sheet/use-bottom-sheet-context.ts
+const [BottomSheetProvider, useBottomSheetContext] = createContext$1({
+	hookName: "useBottomSheetContext",
+	providerName: "<BottomSheetProvider />"
+});
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-backdrop.tsx
+const BottomSheetBackdrop = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: bottomSheet$1().open })));
+	const mergedProps = mergeProps$1(() => bottomSheet$1().getBackdropProps(), () => presence().presenceProps, props);
+	return <Show when={!presence().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
+const BottomSheetCloseTrigger = (props) => {
+	const context = useBottomSheetContext();
+	const mergedProps = mergeProps$1(() => context().getCloseTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.tsx
+const BottomSheetContent = (props) => {
+	const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => bottomSheet$1().getContentProps({
+		draggable: true,
+		...contentProps
+	}), () => presence().presenceProps, localProps);
+	return <Show when={!presence().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-context.tsx
+const BottomSheetContext = (props) => props.children(useBottomSheetContext());
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber.tsx
+const BottomSheetGrabber = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const mergedProps = mergeProps$1(() => bottomSheet$1().getGrabberProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
+const BottomSheetGrabberIndicator = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const mergedProps = mergeProps$1(() => bottomSheet$1().getGrabberIndicatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.ts
+const useBottomSheet = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(bottomSheet.machine, machineProps);
+	return createMemo(() => bottomSheet.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.tsx
+const BottomSheetRoot = (props) => {
+	const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useBottomSheetProps, localProps] = createSplitProps()(bottomSheetProps, [
+		"id",
+		"ids",
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"closeOnInteractOutside",
+		"closeOnEscape",
+		"snapPoints",
+		"swipeVelocityThreshold",
+		"closeThreshold",
+		"preventDragOnScroll",
+		"activeSnapPoint",
+		"defaultActiveSnapPoint",
+		"onActiveSnapPointChange",
+		"modal",
+		"trapFocus",
+		"restoreFocus",
+		"preventScroll",
+		"initialFocusEl",
+		"finalFocusEl",
+		"role",
+		"onInteractOutside",
+		"onEscapeKeyDown",
+		"onPointerDownOutside",
+		"onFocusOutside",
+		"onRequestDismiss"
+	]);
+	const bottomSheet$1 = useBottomSheet(useBottomSheetProps);
+	const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: bottomSheet$1().open })));
+	return <BottomSheetProvider value={bottomSheet$1}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </BottomSheetProvider>;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.tsx
+const BottomSheetRootProvider = (props) => {
+	const [presenceProps, bottomSheetProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps$1(() => ({ present: bottomSheetProps.value().open }), presenceProps));
+	return <BottomSheetProvider value={bottomSheetProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{bottomSheetProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </BottomSheetProvider>;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.tsx
+const BottomSheetTitle = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const mergedProps = mergeProps$1(() => bottomSheet$1().getTitleProps(), props);
+	return <sprawlify.h2 {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.tsx
+const BottomSheetTrigger = (props) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => bottomSheet$1().getTriggerProps(), () => ({ "aria-controls": presence().unmounted && null }), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet.ts
+var bottom_sheet_exports = /* @__PURE__ */ __export({
+	Backdrop: () => BottomSheetBackdrop,
+	CloseTrigger: () => BottomSheetCloseTrigger,
+	Content: () => BottomSheetContent,
+	Context: () => BottomSheetContext,
+	Grabber: () => BottomSheetGrabber,
+	GrabberIndicator: () => BottomSheetGrabberIndicator,
+	Root: () => BottomSheetRoot,
+	RootProvider: () => BottomSheetRootProvider,
+	Title: () => BottomSheetTitle,
+	Trigger: () => BottomSheetTrigger
+});
+
+//#endregion
+export { bottom_sheet_exports as BottomSheet, BottomSheetBackdrop, BottomSheetCloseTrigger, BottomSheetContent, BottomSheetContext, BottomSheetGrabber, BottomSheetGrabberIndicator, BottomSheetRoot, BottomSheetRootProvider, BottomSheetTitle, BottomSheetTrigger, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,98 @@
+import { n as PropTypes } from "../../index-C3ATynHc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-bQRbEioA.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-B6RK6SH4.js";
+import * as solid_js50 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as carousel from "@sprawlify/primitives/machines/carousel";
+import { AutoplayStatusDetails, AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails, DragStatusDetails as CarouselDragStatusDetails, IndicatorProps, ItemProps, PageChangeDetails, PageChangeDetails as CarouselPageChangeDetails } from "@sprawlify/primitives/machines/carousel";
+import * as _sprawlify_primitives_anatomy2 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/carousel/carousel-autoplay-indicator.d.ts
+interface CarouselAutoplayIndicatorBaseProps extends PolymorphicProps<'span'> {
+  /**
+   * The fallback content to render when autoplay is paused.
+   */
+  fallback?: JSX.Element;
+}
+interface CarouselAutoplayIndicatorProps extends HTMLProps<'span'>, CarouselAutoplayIndicatorBaseProps {}
+declare const CarouselAutoplayIndicator: (props: CarouselAutoplayIndicatorProps) => JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-progress-text.d.ts
+interface CarouselProgressTextBaseProps extends PolymorphicProps<'span'> {}
+interface CarouselProgressTextProps extends HTMLProps<'span'>, CarouselProgressTextBaseProps {}
+declare const CarouselProgressText: (props: CarouselProgressTextProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-autoplay-trigger.d.ts
+interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface CarouselAutoplayTriggerProps extends HTMLProps<'button'>, CarouselAutoplayTriggerBaseProps {}
+declare const CarouselAutoplayTrigger: (props: CarouselAutoplayTriggerProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/use-carousel.d.ts
+interface UseCarouselProps extends Optional<Omit<carousel.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseCarouselReturn extends Accessor<carousel.Api<PropTypes>> {}
+declare const useCarousel: (props: MaybeAccessor<UseCarouselProps>) => UseCarouselReturn;
+//#endregion
+//#region src/components/carousel/use-carousel-context.d.ts
+interface UseCarouselContext extends UseCarouselReturn {}
+//#endregion
+//#region src/components/carousel/carousel-context.d.ts
+interface CarouselContextProps {
+  children: (context: UseCarouselContext) => JSX.Element;
+}
+declare const CarouselContext: (props: CarouselContextProps) => JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-control.d.ts
+interface CarouselControlBaseProps extends PolymorphicProps<'div'> {}
+interface CarouselControlProps extends HTMLProps<'div'>, CarouselControlBaseProps {}
+declare const CarouselControl: (props: CarouselControlProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-indicator.d.ts
+interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps<'button'> {}
+interface CarouselIndicatorProps extends HTMLProps<'button'>, CarouselIndicatorBaseProps {}
+declare const CarouselIndicator: (props: CarouselIndicatorProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-indicator-group.d.ts
+interface CarouselIndicatorGroupBaseProps extends PolymorphicProps<'div'> {}
+interface CarouselIndicatorGroupProps extends HTMLProps<'div'>, CarouselIndicatorGroupBaseProps {}
+declare const CarouselIndicatorGroup: (props: CarouselIndicatorGroupProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-item.d.ts
+interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+interface CarouselItemProps extends HTMLProps<'div'>, CarouselItemBaseProps {}
+declare const CarouselItem: (props: CarouselItemProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-item-group.d.ts
+interface CarouselItemGroupBaseProps extends PolymorphicProps<'div'> {}
+interface CarouselItemGroupProps extends HTMLProps<'div'>, CarouselItemGroupBaseProps {}
+declare const CarouselItemGroup: (props: CarouselItemGroupProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-next-trigger.d.ts
+interface CarouselNextTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface CarouselNextTriggerProps extends HTMLProps<'button'>, CarouselNextTriggerBaseProps {}
+declare const CarouselNextTrigger: (props: CarouselNextTriggerProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-prev-trigger.d.ts
+interface CarouselPrevTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface CarouselPrevTriggerProps extends HTMLProps<'button'>, CarouselPrevTriggerBaseProps {}
+declare const CarouselPrevTrigger: (props: CarouselPrevTriggerProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-root.d.ts
+interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps<'div'> {}
+interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {}
+declare const CarouselRoot: (props: CarouselRootProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-root-provider.d.ts
+interface RootProviderProps {
+  value: UseCarouselReturn;
+}
+interface CarouselRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface CarouselRootProviderProps extends HTMLProps<'div'>, RootProviderProps, CarouselRootProviderBaseProps {}
+declare const CarouselRootProvider: (props: CarouselRootProviderProps) => solid_js50.JSX.Element;
+//#endregion
+//#region src/components/carousel/carousel-anatomy.d.ts
+declare const carouselAnatomy: _sprawlify_primitives_anatomy2.AnatomyInstance<"root" | "control" | "indicator" | "item" | "prevTrigger" | "nextTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare namespace carousel_d_exports {
+  export { CarouselAutoplayIndicator as AutoplayIndicator, CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, AutoplayStatusDetails, CarouselAutoplayTrigger as AutoplayTrigger, CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, CarouselAutoplayTriggerProps as AutoplayTriggerProps, CarouselContext as Context, CarouselContextProps as ContextProps, CarouselControl as Control, CarouselControlBaseProps as ControlBaseProps, CarouselControlProps as ControlProps, DragStatusDetails, CarouselIndicator as Indicator, CarouselIndicatorBaseProps as IndicatorBaseProps, CarouselIndicatorGroup as IndicatorGroup, CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, CarouselIndicatorGroupProps as IndicatorGroupProps, CarouselIndicatorProps as IndicatorProps, CarouselItem as Item, CarouselItemBaseProps as ItemBaseProps, CarouselItemGroup as ItemGroup, CarouselItemGroupBaseProps as ItemGroupBaseProps, CarouselItemGroupProps as ItemGroupProps, CarouselItemProps as ItemProps, CarouselNextTrigger as NextTrigger, CarouselNextTriggerBaseProps as NextTriggerBaseProps, CarouselNextTriggerProps as NextTriggerProps, PageChangeDetails, CarouselPrevTrigger as PrevTrigger, CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, CarouselPrevTriggerProps as PrevTriggerProps, CarouselProgressText as ProgressText, CarouselProgressTextBaseProps as ProgressTextBaseProps, CarouselProgressTextProps as ProgressTextProps, CarouselRoot as Root, CarouselRootBaseProps as RootBaseProps, CarouselRootProps as RootProps, CarouselRootProvider as RootProvider, CarouselRootProviderBaseProps as RootProviderBaseProps, CarouselRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { carousel_d_exports as Carousel, CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, type CarouselAutoplayStatusDetails, CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, CarouselContext, type CarouselContextProps, CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, type CarouselDragStatusDetails, CarouselIndicator, type CarouselIndicatorBaseProps, CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, type CarouselIndicatorProps, CarouselItem, type CarouselItemBaseProps, CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, type CarouselItemProps, CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, type CarouselPageChangeDetails, CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, type UseCarouselContext, type UseCarouselProps, type UseCarouselReturn, carouselAnatomy, useCarousel, useCarouselContext };