@sprawlify/react 0.0.7 → 0.0.8

package/dist/components/file-upload/index.mjs

@@ -0,0 +1,322 @@
+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 { n as sprawlify } from "../../factory-Bi8oEg8i.mjs";
+import { t as createSplitProps } from "../../create-split-props-CBL0m-GX.mjs";
+import "../../use-fieldset-context-LwveT1OS.mjs";
+import "../../use-safe-layout-effect-CLjnuJFb.mjs";
+import { m as useFieldContext } from "../../field-B-6qoKdn.mjs";
+import { forwardRef, useEffect, useId, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as fileUpload from "@sprawlify/primitives/machines/file-upload";
+import { anatomy as fileUploadAnatomy } from "@sprawlify/primitives/machines/file-upload";
+
+//#region src/components/file-upload/use-file-upload-context.ts
+const [FileUploadProvider, useFileUploadContext] = createContext$1({
+	name: "FileUploadContext",
+	hookName: "useFileUploadContext",
+	providerName: "<FileUploadProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-clear-trigger.tsx
+const FileUploadClearTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getClearTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadClearTrigger.displayName = "FileUploadClearTrigger";
+
+//#endregion
+//#region src/components/file-upload/file-upload-context.tsx
+const FileUploadContext = (props) => props.children(useFileUploadContext());
+
+//#endregion
+//#region src/components/file-upload/file-upload-dropzone.tsx
+const splitDropzoneProps = createSplitProps();
+const FileUploadDropzone = forwardRef((props, ref) => {
+	const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
+	const mergedProps = mergeProps(useFileUploadContext().getDropzoneProps(dropzoneProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadDropzone.displayName = "FileUploadDropzone";
+
+//#endregion
+//#region src/components/file-upload/file-upload-hidden-input.tsx
+const FileUploadHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-group-props-context.ts
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext$1({
+	name: "FileUploadItemGroupPropsContext",
+	hookName: "useFileUploadItemGroupPropsContext",
+	providerName: "<FileUploadItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-props-context.ts
+const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext$1({
+	name: "FileUploadItemPropsContext",
+	hookName: "useFileUploadItemPropsContext",
+	providerName: "<FileUploadItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-item.tsx
+const splitItemBaseProps = createSplitProps();
+const FileUploadItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemBaseProps(props, ["file"]);
+	const fileUpload$1 = useFileUploadContext();
+	const itemGroupProps = useFileUploadItemGroupPropsContext();
+	const itemPropsWithType = {
+		...itemProps,
+		type: itemGroupProps.type
+	};
+	const mergedProps = mergeProps(fileUpload$1.getItemProps(itemPropsWithType), localProps);
+	return /* @__PURE__ */ jsx(FileUploadItemPropsProvider, {
+		value: itemPropsWithType,
+		children: /* @__PURE__ */ jsx(sprawlify.li, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadItem.displayName = "FileUploadItem";
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-delete-trigger.tsx
+const FileUploadItemDeleteTrigger = forwardRef((props, ref) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload$1.getItemDeleteTriggerProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadItemDeleteTrigger.displayName = "FileUploadItemDeleteTrigger";
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-group.tsx
+const splitItemGroupProps = createSplitProps();
+const FileUploadItemGroup = forwardRef((props, ref) => {
+	const [itemGroupProps, localProps] = splitItemGroupProps(props, ["type"]);
+	const mergedProps = mergeProps(useFileUploadContext().getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ jsx(FileUploadItemGroupPropsProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(sprawlify.ul, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadItemGroup.displayName = "FileUploadItemGroup";
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-name.tsx
+const FileUploadItemName = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload$1.getItemNameProps(itemProps), rest);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref,
+		children: children || itemProps.file.name
+	});
+});
+FileUploadItemName.displayName = "FileUploadItemName";
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview.tsx
+const FileUploadItemPreview = forwardRef((props, ref) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload$1.getItemPreviewProps(itemProps), props);
+	if (!itemProps.file.type.match(props.type ?? ".*")) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadItemPreview.displayName = "FileUploadItemPreview";
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview-image.tsx
+const FileUploadItemPreviewImage = forwardRef((props, ref) => {
+	const [url, setUrl] = useState("");
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload$1.getItemPreviewImageProps({
+		...itemProps,
+		url
+	}), props);
+	useEffect(() => {
+		return fileUpload$1.createFileUrl(itemProps.file, (url$1) => setUrl(url$1));
+	}, [itemProps, fileUpload$1]);
+	if (!url) return null;
+	return /* @__PURE__ */ jsx(sprawlify.img, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadItemPreviewImage.displayName = "FileUploadItemPreviewImage";
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-size-text.tsx
+const FileUploadItemSizeText = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload$1.getItemSizeTextProps(itemProps), rest);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref,
+		children: children || fileUpload$1.getFileSize(itemProps.file)
+	});
+});
+FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
+
+//#endregion
+//#region src/components/file-upload/file-upload-label.tsx
+const FileUploadLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadLabel.displayName = "FileUploadLabel";
+
+//#endregion
+//#region src/components/file-upload/use-file-upload.ts
+const useFileUpload = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir, locale } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			hiddenInput: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		locale,
+		required: field?.required,
+		invalid: field?.invalid,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(fileUpload.machine, machineProps);
+	return fileUpload.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root.tsx
+const splitRootProps = createSplitProps();
+const FileUploadRoot = forwardRef((props, ref) => {
+	const [useFileUploadProps, localProps] = splitRootProps(props, [
+		"accept",
+		"acceptedFiles",
+		"allowDrop",
+		"capture",
+		"defaultAcceptedFiles",
+		"directory",
+		"disabled",
+		"id",
+		"ids",
+		"invalid",
+		"locale",
+		"maxFiles",
+		"maxFileSize",
+		"minFileSize",
+		"name",
+		"onFileAccept",
+		"onFileChange",
+		"onFileReject",
+		"preventDocumentDrop",
+		"required",
+		"translations",
+		"transformFiles",
+		"validate"
+	]);
+	const fileUpload$1 = useFileUpload(useFileUploadProps);
+	const mergedProps = mergeProps(fileUpload$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FileUploadProvider, {
+		value: fileUpload$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadRoot.displayName = "FileUploadRoot";
+
+//#endregion
+//#region src/components/file-upload/file-upload-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const FileUploadRootProvider = forwardRef((props, ref) => {
+	const [{ value: fileUpload$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(fileUpload$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FileUploadProvider, {
+		value: fileUpload$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadRootProvider.displayName = "FileUploadRootProvider";
+
+//#endregion
+//#region src/components/file-upload/file-upload-trigger.tsx
+const FileUploadTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadTrigger.displayName = "FileUploadTrigger";
+
+//#endregion
+//#region src/components/file-upload/file-upload.ts
+var file_upload_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => FileUploadClearTrigger,
+	Context: () => FileUploadContext,
+	Dropzone: () => FileUploadDropzone,
+	HiddenInput: () => FileUploadHiddenInput,
+	Item: () => FileUploadItem,
+	ItemDeleteTrigger: () => FileUploadItemDeleteTrigger,
+	ItemGroup: () => FileUploadItemGroup,
+	ItemName: () => FileUploadItemName,
+	ItemPreview: () => FileUploadItemPreview,
+	ItemPreviewImage: () => FileUploadItemPreviewImage,
+	ItemSizeText: () => FileUploadItemSizeText,
+	Label: () => FileUploadLabel,
+	Root: () => FileUploadRoot,
+	RootProvider: () => FileUploadRootProvider,
+	Trigger: () => FileUploadTrigger
+});
+
+//#endregion
+export { file_upload_exports as FileUpload, FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, fileUploadAnatomy, useFileUpload, useFileUploadContext };

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

@@ -0,0 +1,287 @@
+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_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_floating_panel = require("@sprawlify/primitives/machines/floating-panel");
+__sprawlify_primitives_machines_floating_panel = require_chunk.__toESM(__sprawlify_primitives_machines_floating_panel);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/floating-panel/use-floating-panel-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = require_create_context.createContext({
+	name: "FloatingPanelContext",
+	hookName: "useFloatingPanelContext",
+	providerName: "<FloatingPanelProvider />"
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-body.tsx
+const FloatingPanelBody = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getBodyProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelBody.displayName = "FloatingPanelBody";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-close-trigger.tsx
+const FloatingPanelCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelCloseTrigger.displayName = "FloatingPanelCloseTrigger";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-content.tsx
+const FloatingPanelContent = (0, react.forwardRef)((props, ref) => {
+	const floatingPanel = useFloatingPanelContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(floatingPanel.getContentProps(), 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)
+	});
+});
+FloatingPanelContent.displayName = "FloatingPanelContent";
+
+//#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 = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getDragTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelDragTrigger.displayName = "FloatingPanelDragTrigger";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-header.tsx
+const FloatingPanelHeader = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getHeaderProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelHeader.displayName = "FloatingPanelHeader";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-positioner.tsx
+const FloatingPanelPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelPositioner.displayName = "FloatingPanelPositioner";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-resize-trigger.tsx
+const splitResizeTriggerProps = require_create_split_props.createSplitProps();
+const FloatingPanelResizeTrigger = (0, react.forwardRef)((props, ref) => {
+	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getResizeTriggerProps(resizeProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-stage-trigger.tsx
+const splitStageTriggerProps = require_create_split_props.createSplitProps();
+const FloatingPanelStageTrigger = (0, react.forwardRef)((props, ref) => {
+	const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getStageTriggerProps(stage), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";
+
+//#endregion
+//#region src/components/floating-panel/use-floating-panel.ts
+const useFloatingPanel = (props = {}) => {
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const context = {
+		id: (0, react.useId)(),
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_floating_panel.machine, context);
+	return __sprawlify_primitives_machines_floating_panel.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const FloatingPanelRoot = (props) => {
+	const [presenceProps, otherProps] = require_presence.splitPresenceProps(props);
+	const [useFloatingPanelProps, localProps] = splitRootProps(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 = useFloatingPanel(useFloatingPanelProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingPanelProvider, {
+		value: floatingPanel,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: floatingPanel.open }, presenceProps)),
+			children: localProps.children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const FloatingPanelRootProvider = (props) => {
+	const [presenceProps, baseProps] = require_presence.splitPresenceProps(props);
+	const [{ value: floatingPanel }, localProps] = splitRootProviderProps(baseProps, ["value"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingPanelProvider, {
+		value: floatingPanel,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: floatingPanel.open }, presenceProps)),
+			children: localProps.children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-title.tsx
+const FloatingPanelTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.h2, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelTitle.displayName = "FloatingPanelTitle";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-trigger.tsx
+const FloatingPanelTrigger = (0, react.forwardRef)((props, ref) => {
+	const floatingPanel = useFloatingPanelContext();
+	const presence = require_presence.usePresenceContext();
+	const triggerProps = floatingPanel.getTriggerProps();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)({
+		...triggerProps,
+		"aria-controls": presence.unmounted ? void 0 : triggerProps["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelTrigger.displayName = "FloatingPanelTrigger";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-control.tsx
+const FloatingPanelControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useFloatingPanelContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelControl.displayName = "FloatingPanelControl";
+
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ require_chunk.__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
+Object.defineProperty(exports, 'FloatingPanel', {
+  enumerable: true,
+  get: function () {
+    return floating_panel_exports;
+  }
+});
+exports.FloatingPanelBody = FloatingPanelBody;
+exports.FloatingPanelCloseTrigger = FloatingPanelCloseTrigger;
+exports.FloatingPanelContent = FloatingPanelContent;
+exports.FloatingPanelContext = FloatingPanelContext;
+exports.FloatingPanelControl = FloatingPanelControl;
+exports.FloatingPanelDragTrigger = FloatingPanelDragTrigger;
+exports.FloatingPanelHeader = FloatingPanelHeader;
+exports.FloatingPanelPositioner = FloatingPanelPositioner;
+exports.FloatingPanelResizeTrigger = FloatingPanelResizeTrigger;
+exports.FloatingPanelRoot = FloatingPanelRoot;
+exports.FloatingPanelRootProvider = FloatingPanelRootProvider;
+exports.FloatingPanelStageTrigger = FloatingPanelStageTrigger;
+exports.FloatingPanelTitle = FloatingPanelTitle;
+exports.FloatingPanelTrigger = FloatingPanelTrigger;
+Object.defineProperty(exports, 'floatingPanelAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_floating_panel.anatomy;
+  }
+});
+exports.useFloatingPanel = useFloatingPanel;
+exports.useFloatingPanelContext = useFloatingPanelContext;