@sprawlify/solid 0.0.15 → 0.0.17

package/dist/components/floating-panel/index.d.ts

@@ -0,0 +1,100 @@
+import { n as PropTypes } from "../../index-BLKwiHM7.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-M3kll1K0.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-C7CCEqYp.js";
+import "../../render-strategy-DfQ78EfE.js";
+import { s as UsePresenceProps } from "../../index-CsB3A61w.js";
+import * as solid_js134 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as floatingPanel from "@sprawlify/primitives/machines/floating-panel";
+import { OpenChangeDetails, OpenChangeDetails as FloatingPanelOpenChangeDetails, PositionChangeDetails, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerProps, SizeChangeDetails, SizeChangeDetails as FloatingPanelSizeChangeDetails, StageChangeDetails, StageChangeDetails as FloatingPanelStageChangeDetails, StageTriggerProps, anatomy as floatingPanelAnatomy } from "@sprawlify/primitives/machines/floating-panel";
+
+//#region src/components/floating-panel/floating-panel-body.d.ts
+interface FloatingPanelBodyBaseProps extends PolymorphicProps<'div'> {}
+interface FloatingPanelBodyProps extends HTMLProps<'div'>, FloatingPanelBodyBaseProps {}
+declare const FloatingPanelBody: (props: FloatingPanelBodyProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-close-trigger.d.ts
+interface FloatingPanelCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface FloatingPanelCloseTriggerProps extends HTMLProps<'button'>, FloatingPanelCloseTriggerBaseProps {}
+declare const FloatingPanelCloseTrigger: (props: FloatingPanelCloseTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-content.d.ts
+interface FloatingPanelContentBaseProps extends PolymorphicProps<'div'> {}
+interface FloatingPanelContentProps extends HTMLProps<'div'>, FloatingPanelContentBaseProps {}
+declare const FloatingPanelContent: (props: FloatingPanelContentProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/use-floating-panel.d.ts
+interface UseFloatingPanelProps extends Optional<Omit<floatingPanel.Props, 'getRootNode'>, 'id'> {}
+interface UseFloatingPanelReturn extends Accessor<floatingPanel.Api<PropTypes>> {}
+declare const useFloatingPanel: (props?: MaybeAccessor<UseFloatingPanelProps>) => UseFloatingPanelReturn;
+//#endregion
+//#region src/components/floating-panel/use-floating-panel-context.d.ts
+interface UseFloatingPanelContext extends UseFloatingPanelReturn {}
+//#endregion
+//#region src/components/floating-panel/floating-panel-context.d.ts
+interface FloatingPanelContextProps {
+  children: (context: UseFloatingPanelContext) => JSX.Element;
+}
+declare const FloatingPanelContext: (props: FloatingPanelContextProps) => JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-drag-trigger.d.ts
+interface FloatingPanelDragTriggerBaseProps extends PolymorphicProps<'div'> {}
+interface FloatingPanelDragTriggerProps extends HTMLProps<'div'>, FloatingPanelDragTriggerBaseProps {}
+declare const FloatingPanelDragTrigger: (props: FloatingPanelDragTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-header.d.ts
+interface FloatingPanelHeaderBaseProps extends PolymorphicProps<'div'> {}
+interface FloatingPanelHeaderProps extends HTMLProps<'div'>, FloatingPanelHeaderBaseProps {}
+declare const FloatingPanelHeader: (props: FloatingPanelHeaderProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-positioner.d.ts
+interface FloatingPanelPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface FloatingPanelPositionerProps extends HTMLProps<'div'>, FloatingPanelPositionerBaseProps {}
+declare const FloatingPanelPositioner: (props: FloatingPanelPositionerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-resize-trigger.d.ts
+interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<'div'> {}
+interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {}
+declare const FloatingPanelResizeTrigger: (props: FloatingPanelResizeTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-stage-trigger.d.ts
+interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps<'button'>, StageTriggerProps {}
+interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {}
+declare const FloatingPanelStageTrigger: (props: FloatingPanelStageTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-root.d.ts
+interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {}
+interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+  children?: JSX.Element;
+}
+declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-root-provider.d.ts
+interface RootProviderProps {
+  value: UseFloatingPanelReturn;
+}
+interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, 'present'> {}
+interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-title.d.ts
+interface FloatingPanelTitleBaseProps extends PolymorphicProps<'h2'> {}
+interface FloatingPanelTitleProps extends HTMLProps<'h2'>, FloatingPanelTitleBaseProps {}
+declare const FloatingPanelTitle: (props: FloatingPanelTitleProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-trigger.d.ts
+interface FloatingPanelTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface FloatingPanelTriggerProps extends HTMLProps<'button'>, FloatingPanelTriggerBaseProps {}
+declare const FloatingPanelTrigger: (props: FloatingPanelTriggerProps) => solid_js134.JSX.Element;
+//#endregion
+//#region src/components/floating-panel/floating-panel-control.d.ts
+interface FloatingPanelControlBaseProps extends PolymorphicProps<'div'> {}
+interface FloatingPanelControlProps extends HTMLProps<'div'>, FloatingPanelControlBaseProps {}
+declare const FloatingPanelControl: (props: FloatingPanelControlProps) => solid_js134.JSX.Element;
+declare namespace floating_panel_d_exports {
+  export { FloatingPanelBody as Body, FloatingPanelBodyBaseProps as BodyBaseProps, FloatingPanelBodyProps as BodyProps, FloatingPanelCloseTrigger as CloseTrigger, FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, FloatingPanelCloseTriggerProps as CloseTriggerProps, FloatingPanelContent as Content, FloatingPanelContentBaseProps as ContentBaseProps, FloatingPanelContentProps as ContentProps, FloatingPanelContext as Context, FloatingPanelContextProps as ContextProps, FloatingPanelControl as Control, FloatingPanelControlBaseProps as ControlBaseProps, FloatingPanelControlProps as ControlProps, FloatingPanelDragTrigger as DragTrigger, FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, FloatingPanelDragTriggerProps as DragTriggerProps, FloatingPanelHeader as Header, FloatingPanelHeaderBaseProps as HeaderBaseProps, FloatingPanelHeaderProps as HeaderProps, OpenChangeDetails, PositionChangeDetails, FloatingPanelPositioner as Positioner, FloatingPanelPositionerBaseProps as PositionerBaseProps, FloatingPanelPositionerProps as PositionerProps, FloatingPanelResizeTrigger as ResizeTrigger, FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, FloatingPanelResizeTriggerProps as ResizeTriggerProps, FloatingPanelRoot as Root, FloatingPanelRootBaseProps as RootBaseProps, FloatingPanelRootProps as RootProps, FloatingPanelRootProvider as RootProvider, FloatingPanelRootProviderBaseProps as RootProviderBaseProps, FloatingPanelRootProviderProps as RootProviderProps, SizeChangeDetails, StageChangeDetails, FloatingPanelStageTrigger as StageTrigger, FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, FloatingPanelStageTriggerProps as StageTriggerProps, FloatingPanelTitle as Title, FloatingPanelTitleBaseProps as TitleBaseProps, FloatingPanelTitleProps as TitleProps, FloatingPanelTrigger as Trigger, FloatingPanelTriggerBaseProps as TriggerBaseProps, FloatingPanelTriggerProps as TriggerProps };
+}
+//#endregion
+export { floating_panel_d_exports as FloatingPanel, FloatingPanelBody, type FloatingPanelBodyBaseProps, type FloatingPanelBodyProps, FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerBaseProps, type FloatingPanelCloseTriggerProps, FloatingPanelContent, type FloatingPanelContentBaseProps, type FloatingPanelContentProps, FloatingPanelContext, type FloatingPanelContextProps, FloatingPanelControl, type FloatingPanelControlBaseProps, type FloatingPanelControlProps, FloatingPanelDragTrigger, type FloatingPanelDragTriggerBaseProps, type FloatingPanelDragTriggerProps, FloatingPanelHeader, type FloatingPanelHeaderBaseProps, type FloatingPanelHeaderProps, type FloatingPanelOpenChangeDetails, type FloatingPanelPositionChangeDetails, FloatingPanelPositioner, type FloatingPanelPositionerBaseProps, type FloatingPanelPositionerProps, FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps, FloatingPanelRoot, type FloatingPanelRootBaseProps, type FloatingPanelRootProps, FloatingPanelRootProvider, type FloatingPanelRootProviderBaseProps, type FloatingPanelRootProviderProps, type FloatingPanelSizeChangeDetails, type FloatingPanelStageChangeDetails, FloatingPanelStageTrigger, type FloatingPanelStageTriggerBaseProps, type FloatingPanelStageTriggerProps, FloatingPanelTitle, type FloatingPanelTitleBaseProps, type FloatingPanelTitleProps, FloatingPanelTrigger, type FloatingPanelTriggerBaseProps, type FloatingPanelTriggerProps, type UseFloatingPanelContext, type UseFloatingPanelProps, type UseFloatingPanelReturn, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/components/floating-panel/index.js

@@ -0,0 +1,246 @@
+import { t as __export } from "../../chunk-Wl6TQfsu.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-Cl2xcDm5.js";
+import { t as runIfFn } from "../../run-if-fn-Ct4sSuFV.js";
+import { t as createContext$1 } from "../../create-context-BBDU3kF1.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-D1hKjv0s.js";
+import { t as createSplitProps } from "../../create-split-props-CHlLW_X_.js";
+import "../../render-strategy-CqWA1-xU.js";
+import { t as sprawlify } from "../../factory-Ci1LUSWg.js";
+import "../../compose-refs-DbJoODKO.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-CAkwk5S4.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as floatingPanel from "@sprawlify/primitives/machines/floating-panel";
+import { anatomy as floatingPanelAnatomy } from "@sprawlify/primitives/machines/floating-panel";
+
+//#region src/components/floating-panel/use-floating-panel-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = createContext$1({
+	hookName: "useFloatingPanelContext",
+	providerName: "<FloatingPanelProvider />"
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-body.tsx
+const FloatingPanelBody = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getBodyProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-close-trigger.tsx
+const FloatingPanelCloseTrigger = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getCloseTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-content.tsx
+const FloatingPanelContent = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getContentProps(), () => presence().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-context.tsx
+const FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-drag-trigger.tsx
+const FloatingPanelDragTrigger = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getDragTriggerProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-header.tsx
+const FloatingPanelHeader = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getHeaderProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-positioner.tsx
+const FloatingPanelPositioner = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getPositionerProps(), props);
+	const presence = usePresenceContext();
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-resize-trigger.tsx
+const FloatingPanelResizeTrigger = (props) => {
+	const [resizeProps, localProps] = createSplitProps()(props, ["axis"]);
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getResizeTriggerProps(resizeProps), localProps);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-stage-trigger.tsx
+const FloatingPanelStageTrigger = (props) => {
+	const [stage, localProps] = createSplitProps()(props, ["stage"]);
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getStageTriggerProps(stage), localProps);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/use-floating-panel.ts
+const useFloatingPanel = (props = {}) => {
+	const env = useEnvironmentContext();
+	const locale = useLocaleContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: env().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(floatingPanel.machine, machineProps);
+	return createMemo(() => floatingPanel.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root.tsx
+const FloatingPanelRoot = (props) => {
+	const [presenceProps, otherProps] = splitPresenceProps(props);
+	const [useFloatingPanelProps, localProps] = createSplitProps()(otherProps, [
+		"allowOverflow",
+		"closeOnEscape",
+		"defaultOpen",
+		"defaultPosition",
+		"defaultSize",
+		"dir",
+		"disabled",
+		"draggable",
+		"getAnchorPosition",
+		"getBoundaryEl",
+		"gridSize",
+		"id",
+		"ids",
+		"lockAspectRatio",
+		"maxSize",
+		"minSize",
+		"onOpenChange",
+		"onPositionChange",
+		"onPositionChangeEnd",
+		"onSizeChange",
+		"onSizeChangeEnd",
+		"onStageChange",
+		"open",
+		"persistRect",
+		"position",
+		"resizable",
+		"size",
+		"strategy",
+		"translations"
+	]);
+	const floatingPanel$1 = useFloatingPanel(useFloatingPanelProps);
+	const presence = usePresence(mergeProps$2(() => ({ present: floatingPanel$1().open }), presenceProps));
+	return createComponent(FloatingPanelProvider, {
+		value: floatingPanel$1,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return localProps.children;
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root-provider.tsx
+const FloatingPanelRootProvider = (props) => {
+	const [presenceProps, baseProps] = splitPresenceProps(props);
+	const [rootProps, localProps] = createSplitProps()(baseProps, ["value"]);
+	const presence = usePresence(mergeProps$2(() => ({ present: rootProps.value().open }), presenceProps));
+	return createComponent(FloatingPanelProvider, {
+		get value() {
+			return rootProps.value;
+		},
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return localProps.children;
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-title.tsx
+const FloatingPanelTitle = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getTitleProps(), props);
+	return createComponent(sprawlify.h2, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-trigger.tsx
+const FloatingPanelTrigger = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => {
+		const triggerProps = floatingPanel$1().getTriggerProps();
+		return {
+			...triggerProps,
+			"aria-controls": presence().unmounted ? void 0 : triggerProps["aria-controls"]
+		};
+	}, props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-control.tsx
+const FloatingPanelControl = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$2(() => floatingPanel$1().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ __export({
+	Body: () => FloatingPanelBody,
+	CloseTrigger: () => FloatingPanelCloseTrigger,
+	Content: () => FloatingPanelContent,
+	Context: () => FloatingPanelContext,
+	Control: () => FloatingPanelControl,
+	DragTrigger: () => FloatingPanelDragTrigger,
+	Header: () => FloatingPanelHeader,
+	Positioner: () => FloatingPanelPositioner,
+	ResizeTrigger: () => FloatingPanelResizeTrigger,
+	Root: () => FloatingPanelRoot,
+	RootProvider: () => FloatingPanelRootProvider,
+	StageTrigger: () => FloatingPanelStageTrigger,
+	Title: () => FloatingPanelTitle,
+	Trigger: () => FloatingPanelTrigger
+});
+
+//#endregion
+export { floating_panel_exports as FloatingPanel, FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/components/floating-panel/index.jsx

@@ -0,0 +1,217 @@
+import { t as __export } from "../../chunk-dNcSV51B.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-CWSDVCoi.jsx";
+import { t as runIfFn } from "../../run-if-fn-iVu0r8rO.jsx";
+import { t as createContext$1 } from "../../create-context-CpcL7CiV.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-BRmk_hzA.jsx";
+import { t as createSplitProps } from "../../create-split-props-DrfYep1t.jsx";
+import "../../render-strategy-BA_kLuwR.jsx";
+import { t as sprawlify } from "../../factory-OCDy1fEv.jsx";
+import "../../compose-refs-CDTdkuP1.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-vlL8hWT8.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as floatingPanel from "@sprawlify/primitives/machines/floating-panel";
+import { anatomy as floatingPanelAnatomy } from "@sprawlify/primitives/machines/floating-panel";
+
+//#region src/components/floating-panel/use-floating-panel-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = createContext$1({
+	hookName: "useFloatingPanelContext",
+	providerName: "<FloatingPanelProvider />"
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-body.tsx
+const FloatingPanelBody = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getBodyProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-close-trigger.tsx
+const FloatingPanelCloseTrigger = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getCloseTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-content.tsx
+const FloatingPanelContent = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getContentProps(), () => presence().presenceProps, props);
+	return <Show when={!presence().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-context.tsx
+const FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-drag-trigger.tsx
+const FloatingPanelDragTrigger = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getDragTriggerProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-header.tsx
+const FloatingPanelHeader = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getHeaderProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-positioner.tsx
+const FloatingPanelPositioner = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getPositionerProps(), props);
+	const presence = usePresenceContext();
+	return <Show when={!presence().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-resize-trigger.tsx
+const FloatingPanelResizeTrigger = (props) => {
+	const [resizeProps, localProps] = createSplitProps()(props, ["axis"]);
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getResizeTriggerProps(resizeProps), localProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-stage-trigger.tsx
+const FloatingPanelStageTrigger = (props) => {
+	const [stage, localProps] = createSplitProps()(props, ["stage"]);
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getStageTriggerProps(stage), localProps);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/use-floating-panel.ts
+const useFloatingPanel = (props = {}) => {
+	const env = useEnvironmentContext();
+	const locale = useLocaleContext();
+	const id = createUniqueId();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: env().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(floatingPanel.machine, machineProps);
+	return createMemo(() => floatingPanel.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root.tsx
+const FloatingPanelRoot = (props) => {
+	const [presenceProps, otherProps] = splitPresenceProps(props);
+	const [useFloatingPanelProps, localProps] = createSplitProps()(otherProps, [
+		"allowOverflow",
+		"closeOnEscape",
+		"defaultOpen",
+		"defaultPosition",
+		"defaultSize",
+		"dir",
+		"disabled",
+		"draggable",
+		"getAnchorPosition",
+		"getBoundaryEl",
+		"gridSize",
+		"id",
+		"ids",
+		"lockAspectRatio",
+		"maxSize",
+		"minSize",
+		"onOpenChange",
+		"onPositionChange",
+		"onPositionChangeEnd",
+		"onSizeChange",
+		"onSizeChangeEnd",
+		"onStageChange",
+		"open",
+		"persistRect",
+		"position",
+		"resizable",
+		"size",
+		"strategy",
+		"translations"
+	]);
+	const floatingPanel$1 = useFloatingPanel(useFloatingPanelProps);
+	const presence = usePresence(mergeProps$1(() => ({ present: floatingPanel$1().open }), presenceProps));
+	return <FloatingPanelProvider value={floatingPanel$1}>
+      <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+    </FloatingPanelProvider>;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root-provider.tsx
+const FloatingPanelRootProvider = (props) => {
+	const [presenceProps, baseProps] = splitPresenceProps(props);
+	const [rootProps, localProps] = createSplitProps()(baseProps, ["value"]);
+	const presence = usePresence(mergeProps$1(() => ({ present: rootProps.value().open }), presenceProps));
+	return <FloatingPanelProvider value={rootProps.value}>
+      <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+    </FloatingPanelProvider>;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-title.tsx
+const FloatingPanelTitle = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getTitleProps(), props);
+	return <sprawlify.h2 {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-trigger.tsx
+const FloatingPanelTrigger = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => {
+		const triggerProps = floatingPanel$1().getTriggerProps();
+		return {
+			...triggerProps,
+			"aria-controls": presence().unmounted ? void 0 : triggerProps["aria-controls"]
+		};
+	}, props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-control.tsx
+const FloatingPanelControl = (props) => {
+	const floatingPanel$1 = useFloatingPanelContext();
+	const mergedProps = mergeProps$1(() => floatingPanel$1().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ __export({
+	Body: () => FloatingPanelBody,
+	CloseTrigger: () => FloatingPanelCloseTrigger,
+	Content: () => FloatingPanelContent,
+	Context: () => FloatingPanelContext,
+	Control: () => FloatingPanelControl,
+	DragTrigger: () => FloatingPanelDragTrigger,
+	Header: () => FloatingPanelHeader,
+	Positioner: () => FloatingPanelPositioner,
+	ResizeTrigger: () => FloatingPanelResizeTrigger,
+	Root: () => FloatingPanelRoot,
+	RootProvider: () => FloatingPanelRootProvider,
+	StageTrigger: () => FloatingPanelStageTrigger,
+	Title: () => FloatingPanelTitle,
+	Trigger: () => FloatingPanelTrigger
+});
+
+//#endregion
+export { floating_panel_exports as FloatingPanel, FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/components/focus-trap/index.d.ts

@@ -0,0 +1,17 @@
+import { t as Assign } from "../../types-M3kll1K0.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-C7CCEqYp.js";
+import * as solid_js61 from "solid-js";
+import { FocusTrapOptions } from "@sprawlify/primitives/focus-trap";
+
+//#region src/components/focus-trap/focus-trap.d.ts
+interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
+  /**
+   * Whether the focus trap is disabled.
+   */
+  disabled?: boolean;
+}
+interface FocusTrapBaseProps extends PolymorphicProps<'div'>, TrapOptions {}
+interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {}
+declare const FocusTrap: (props: FocusTrapProps) => solid_js61.JSX.Element;
+//#endregion
+export { FocusTrap, type FocusTrapBaseProps, type FocusTrapProps };

package/dist/components/focus-trap/index.js

@@ -0,0 +1,34 @@
+import "../../core-Cl2xcDm5.js";
+import { t as createSplitProps } from "../../create-split-props-CHlLW_X_.js";
+import { t as sprawlify } from "../../factory-Ci1LUSWg.js";
+import { t as composeRefs } from "../../compose-refs-DbJoODKO.js";
+import { createEffect, onCleanup } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { trapFocus } from "@sprawlify/primitives/focus-trap";
+
+//#region src/components/focus-trap/focus-trap.tsx
+const FocusTrap = (props) => {
+	let localNode;
+	const [trapProps, localProps] = createSplitProps()(props, [
+		"disabled",
+		"onActivate",
+		"onDeactivate",
+		"initialFocus",
+		"fallbackFocus",
+		"returnFocusOnDeactivate",
+		"setReturnFocus"
+	]);
+	createEffect(() => {
+		if (!localNode || trapProps.disabled) return;
+		const autoFocusNode = localNode.querySelector("[autofocus], [data-autofocus]");
+		trapProps.initialFocus ||= autoFocusNode ?? void 0;
+		onCleanup(trapFocus(localNode, trapProps));
+	});
+	return createComponent(sprawlify.div, mergeProps$1(localProps, { ref(r$) {
+		var _ref$ = composeRefs((el) => localNode = el, props.ref);
+		typeof _ref$ === "function" && _ref$(r$);
+	} }));
+};
+
+//#endregion
+export { FocusTrap };

package/dist/components/focus-trap/index.jsx

@@ -0,0 +1,30 @@
+import "../../core-CWSDVCoi.jsx";
+import { t as createSplitProps } from "../../create-split-props-DrfYep1t.jsx";
+import { t as sprawlify } from "../../factory-OCDy1fEv.jsx";
+import { t as composeRefs } from "../../compose-refs-CDTdkuP1.jsx";
+import { createEffect, onCleanup } from "solid-js";
+import { trapFocus } from "@sprawlify/primitives/focus-trap";
+
+//#region src/components/focus-trap/focus-trap.tsx
+const FocusTrap = (props) => {
+	let localNode;
+	const [trapProps, localProps] = createSplitProps()(props, [
+		"disabled",
+		"onActivate",
+		"onDeactivate",
+		"initialFocus",
+		"fallbackFocus",
+		"returnFocusOnDeactivate",
+		"setReturnFocus"
+	]);
+	createEffect(() => {
+		if (!localNode || trapProps.disabled) return;
+		const autoFocusNode = localNode.querySelector("[autofocus], [data-autofocus]");
+		trapProps.initialFocus ||= autoFocusNode ?? void 0;
+		onCleanup(trapFocus(localNode, trapProps));
+	});
+	return <sprawlify.div {...localProps} ref={composeRefs((el) => localNode = el, props.ref)} />;
+};
+
+//#endregion
+export { FocusTrap };