@sprawlify/react 0.0.6 → 0.0.8

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

@@ -0,0 +1,216 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_compose_refs = require('../../compose-refs-C5QNDywq.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+const require_render_strategy = require('../../render-strategy-BywM_IvB.cjs');
+const require_presence = require('../../presence-CPov8wyU.cjs');
+require('../../use-event-CLH8zHoJ.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_bottom_sheet = require("@sprawlify/primitives/machines/bottom-sheet");
+__sprawlify_primitives_machines_bottom_sheet = require_chunk.__toESM(__sprawlify_primitives_machines_bottom_sheet);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/bottom-sheet/use-bottom-sheet-context.ts
+const [BottomSheetProvider, useBottomSheetContext] = require_create_context.createContext({
+	name: "BottomSheetContext",
+	hookName: "useBottomSheetContext",
+	providerName: "<BottomSheetProvider />"
+});
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-backdrop.tsx
+const BottomSheetBackdrop = (0, react.forwardRef)((props, ref) => {
+	const bottomSheet = useBottomSheetContext();
+	const presence = require_presence.usePresence({
+		...require_render_strategy.useRenderStrategyPropsContext(),
+		present: bottomSheet.open
+	});
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(bottomSheet.getBackdropProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
+});
+BottomSheetBackdrop.displayName = "BottomSheetBackdrop";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
+const BottomSheetCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useBottomSheetContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetCloseTrigger.displayName = "BottomSheetCloseTrigger";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.tsx
+const splitContentProps = require_create_split_props.createSplitProps();
+const BottomSheetContent = (0, react.forwardRef)((props, ref) => {
+	const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
+	const bottomSheet = useBottomSheetContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(bottomSheet.getContentProps({
+		draggable: true,
+		...contentProps
+	}), presence.getPresenceProps(), localProps);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
+});
+BottomSheetContent.displayName = "BottomSheetContent";
+
+//#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 = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useBottomSheetContext().getGrabberProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetGrabber.displayName = "BottomSheetGrabber";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
+const BottomSheetGrabberIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useBottomSheetContext().getGrabberIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetGrabberIndicator.displayName = "BottomSheetGrabberIndicator";
+
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.ts
+const useBottomSheet = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_bottom_sheet.machine, context);
+	return __sprawlify_primitives_machines_bottom_sheet.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.tsx
+const BottomSheetRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
+	const bottomSheet = useBottomSheet(localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetProvider, {
+		value: bottomSheet,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: bottomSheet.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.tsx
+const BottomSheetRootProvider = (props) => {
+	const [presenceProps, { value: bottomSheet, children }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetProvider, {
+		value: bottomSheet,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: bottomSheet.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.tsx
+const BottomSheetTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useBottomSheetContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.h2, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetTitle.displayName = "BottomSheetTitle";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.tsx
+const BottomSheetTrigger = (0, react.forwardRef)((props, ref) => {
+	const bottomSheet = useBottomSheetContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)({
+		...bottomSheet.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : bottomSheet.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetTrigger.displayName = "BottomSheetTrigger";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet.ts
+var bottom_sheet_exports = /* @__PURE__ */ require_chunk.__export({
+	Backdrop: () => BottomSheetBackdrop,
+	CloseTrigger: () => BottomSheetCloseTrigger,
+	Content: () => BottomSheetContent,
+	Context: () => BottomSheetContext,
+	Grabber: () => BottomSheetGrabber,
+	GrabberIndicator: () => BottomSheetGrabberIndicator,
+	Root: () => BottomSheetRoot,
+	RootProvider: () => BottomSheetRootProvider,
+	Title: () => BottomSheetTitle,
+	Trigger: () => BottomSheetTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'BottomSheet', {
+  enumerable: true,
+  get: function () {
+    return bottom_sheet_exports;
+  }
+});
+exports.BottomSheetBackdrop = BottomSheetBackdrop;
+exports.BottomSheetCloseTrigger = BottomSheetCloseTrigger;
+exports.BottomSheetContent = BottomSheetContent;
+exports.BottomSheetContext = BottomSheetContext;
+exports.BottomSheetGrabber = BottomSheetGrabber;
+exports.BottomSheetGrabberIndicator = BottomSheetGrabberIndicator;
+exports.BottomSheetRoot = BottomSheetRoot;
+exports.BottomSheetRootProvider = BottomSheetRootProvider;
+exports.BottomSheetTitle = BottomSheetTitle;
+exports.BottomSheetTrigger = BottomSheetTrigger;
+Object.defineProperty(exports, 'bottomSheetAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_bottom_sheet.anatomy;
+  }
+});
+exports.useBottomSheet = useBottomSheet;
+exports.useBottomSheetContext = useBottomSheetContext;

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

@@ -0,0 +1,80 @@
+import { t as PropTypes } from "../../normalize-props-skGwa8Dk.cjs";
+import { r as Optional } from "../../types-B4tvWlDb.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C4cfTHs7.cjs";
+import { c as UsePresenceProps } from "../../index-BhGgEHWc.cjs";
+import * as react351 from "react";
+import { ReactNode } from "react";
+import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
+import { ContentProps, OpenChangeDetails, OpenChangeDetails as BottomSheetOpenChangeDetails, anatomy as bottomSheetAnatomy } from "@sprawlify/primitives/machines/bottom-sheet";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/components/bottom-sheet/bottom-sheet-backdrop.d.ts
+interface BottomSheetBackdropBaseProps extends PolymorphicProps {}
+interface BottomSheetBackdropProps extends HTMLProps<"div">, BottomSheetBackdropBaseProps {}
+declare const BottomSheetBackdrop: react351.ForwardRefExoticComponent<BottomSheetBackdropProps & react351.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.d.ts
+interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {}
+interface BottomSheetCloseTriggerProps extends HTMLProps<"button">, BottomSheetCloseTriggerBaseProps {}
+declare const BottomSheetCloseTrigger: react351.ForwardRefExoticComponent<BottomSheetCloseTriggerProps & react351.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.d.ts
+interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {}
+interface BottomSheetContentProps extends Omit<HTMLProps<"div">, "draggable">, BottomSheetContentBaseProps {}
+declare const BottomSheetContent: react351.ForwardRefExoticComponent<BottomSheetContentProps & react351.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.d.ts
+interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, "dir" | "getRootNode">, "id"> {}
+interface UseBottomSheetReturn extends bottomSheet.Api<PropTypes> {}
+declare const useBottomSheet: (props?: 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) => ReactNode;
+}
+declare const BottomSheetContext: (props: BottomSheetContextProps) => ReactNode;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber.d.ts
+interface BottomSheetGrabberBaseProps extends PolymorphicProps {}
+interface BottomSheetGrabberProps extends HTMLProps<"div">, BottomSheetGrabberBaseProps {}
+declare const BottomSheetGrabber: react351.ForwardRefExoticComponent<BottomSheetGrabberProps & react351.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts
+interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {}
+interface BottomSheetGrabberIndicatorProps extends HTMLProps<"div">, BottomSheetGrabberIndicatorBaseProps {}
+declare const BottomSheetGrabberIndicator: react351.ForwardRefExoticComponent<BottomSheetGrabberIndicatorProps & react351.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.d.ts
+interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {}
+interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const BottomSheetRoot: (props: BottomSheetRootProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.d.ts
+interface RootProviderProps {
+  value: UseBottomSheetReturn;
+}
+interface BottomSheetRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {}
+interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const BottomSheetRootProvider: (props: BottomSheetRootProviderProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.d.ts
+interface BottomSheetTitleBaseProps extends PolymorphicProps {}
+interface BottomSheetTitleProps extends HTMLProps<"h2">, BottomSheetTitleBaseProps {}
+declare const BottomSheetTitle: react351.ForwardRefExoticComponent<BottomSheetTitleProps & react351.RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.d.ts
+interface BottomSheetTriggerBaseProps extends PolymorphicProps {}
+interface BottomSheetTriggerProps extends HTMLProps<"button">, BottomSheetTriggerBaseProps {}
+declare const BottomSheetTrigger: react351.ForwardRefExoticComponent<BottomSheetTriggerProps & react351.RefAttributes<HTMLButtonElement>>;
+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.d.mts

@@ -0,0 +1,81 @@
+import { r as PropTypes } from "../../index-BJvW7OpY.mjs";
+import { r as Optional } from "../../types-BmBABPZb.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C-EBNsCW.mjs";
+import "../../render-strategy-C8IyLw0O.mjs";
+import { c as UsePresenceProps } from "../../index-Cp1i1zbg.mjs";
+import * as react380 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+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 {}
+interface BottomSheetBackdropProps extends HTMLProps<"div">, BottomSheetBackdropBaseProps {}
+declare const BottomSheetBackdrop: react380.ForwardRefExoticComponent<BottomSheetBackdropProps & react380.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.d.ts
+interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {}
+interface BottomSheetCloseTriggerProps extends HTMLProps<"button">, BottomSheetCloseTriggerBaseProps {}
+declare const BottomSheetCloseTrigger: react380.ForwardRefExoticComponent<BottomSheetCloseTriggerProps & react380.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.d.ts
+interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {}
+interface BottomSheetContentProps extends Omit<HTMLProps<"div">, "draggable">, BottomSheetContentBaseProps {}
+declare const BottomSheetContent: react380.ForwardRefExoticComponent<BottomSheetContentProps & react380.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.d.ts
+interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, "dir" | "getRootNode">, "id"> {}
+interface UseBottomSheetReturn extends bottomSheet.Api<PropTypes> {}
+declare const useBottomSheet: (props?: 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) => ReactNode;
+}
+declare const BottomSheetContext: (props: BottomSheetContextProps) => ReactNode;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber.d.ts
+interface BottomSheetGrabberBaseProps extends PolymorphicProps {}
+interface BottomSheetGrabberProps extends HTMLProps<"div">, BottomSheetGrabberBaseProps {}
+declare const BottomSheetGrabber: react380.ForwardRefExoticComponent<BottomSheetGrabberProps & react380.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts
+interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {}
+interface BottomSheetGrabberIndicatorProps extends HTMLProps<"div">, BottomSheetGrabberIndicatorBaseProps {}
+declare const BottomSheetGrabberIndicator: react380.ForwardRefExoticComponent<BottomSheetGrabberIndicatorProps & react380.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.d.ts
+interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {}
+interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const BottomSheetRoot: (props: BottomSheetRootProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.d.ts
+interface RootProviderProps {
+  value: UseBottomSheetReturn;
+}
+interface BottomSheetRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {}
+interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const BottomSheetRootProvider: (props: BottomSheetRootProviderProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.d.ts
+interface BottomSheetTitleBaseProps extends PolymorphicProps {}
+interface BottomSheetTitleProps extends HTMLProps<"h2">, BottomSheetTitleBaseProps {}
+declare const BottomSheetTitle: react380.ForwardRefExoticComponent<BottomSheetTitleProps & react380.RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.d.ts
+interface BottomSheetTriggerBaseProps extends PolymorphicProps {}
+interface BottomSheetTriggerProps extends HTMLProps<"button">, BottomSheetTriggerBaseProps {}
+declare const BottomSheetTrigger: react380.ForwardRefExoticComponent<BottomSheetTriggerProps & react380.RefAttributes<HTMLButtonElement>>;
+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.mjs

@@ -0,0 +1,192 @@
+import { t as __export } from "../../chunk-BXPHTOwk.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-Ba4IEjhK.mjs";
+import { t as createContext$1 } from "../../create-context-CCXzjEv8.mjs";
+import { n as useEnvironmentContext } from "../../environment-Ded7DkGr.mjs";
+import { i as useLocaleContext } from "../../locale-Coin-d7R.mjs";
+import "../../providers-Dm2P3F2_.mjs";
+import { t as composeRefs } from "../../compose-refs-BEptPEkE.mjs";
+import { n as sprawlify } from "../../factory-Bi8oEg8i.mjs";
+import { t as createSplitProps } from "../../create-split-props-CBL0m-GX.mjs";
+import { n as splitRenderStrategyProps, r as useRenderStrategyPropsContext, t as RenderStrategyPropsProvider } from "../../render-strategy-FiPgAp1U.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bc6Bxe5i.mjs";
+import "../../use-event-4J5QFFqK.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+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({
+	name: "BottomSheetContext",
+	hookName: "useBottomSheetContext",
+	providerName: "<BottomSheetProvider />"
+});
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-backdrop.tsx
+const BottomSheetBackdrop = forwardRef((props, ref) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresence({
+		...useRenderStrategyPropsContext(),
+		present: bottomSheet$1.open
+	});
+	const mergedProps = mergeProps(bottomSheet$1.getBackdropProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+BottomSheetBackdrop.displayName = "BottomSheetBackdrop";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-close-trigger.tsx
+const BottomSheetCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useBottomSheetContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetCloseTrigger.displayName = "BottomSheetCloseTrigger";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-content.tsx
+const splitContentProps = createSplitProps();
+const BottomSheetContent = forwardRef((props, ref) => {
+	const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(bottomSheet$1.getContentProps({
+		draggable: true,
+		...contentProps
+	}), presence.getPresenceProps(), localProps);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+BottomSheetContent.displayName = "BottomSheetContent";
+
+//#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 = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useBottomSheetContext().getGrabberProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetGrabber.displayName = "BottomSheetGrabber";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.tsx
+const BottomSheetGrabberIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useBottomSheetContext().getGrabberIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetGrabberIndicator.displayName = "BottomSheetGrabberIndicator";
+
+//#endregion
+//#region src/components/bottom-sheet/use-bottom-sheet.ts
+const useBottomSheet = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(bottomSheet.machine, context);
+	return bottomSheet.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root.tsx
+const BottomSheetRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const bottomSheet$1 = useBottomSheet(localProps);
+	return /* @__PURE__ */ jsx(BottomSheetProvider, {
+		value: bottomSheet$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: bottomSheet$1.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-root-provider.tsx
+const BottomSheetRootProvider = (props) => {
+	const [presenceProps, { value: bottomSheet$1, children }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ jsx(BottomSheetProvider, {
+		value: bottomSheet$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: bottomSheet$1.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-title.tsx
+const BottomSheetTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useBottomSheetContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.h2, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetTitle.displayName = "BottomSheetTitle";
+
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet-trigger.tsx
+const BottomSheetTrigger = forwardRef((props, ref) => {
+	const bottomSheet$1 = useBottomSheetContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps({
+		...bottomSheet$1.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : bottomSheet$1.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+BottomSheetTrigger.displayName = "BottomSheetTrigger";
+
+//#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 };