@sprawlify/solid 0.0.16 → 0.0.18

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

@@ -0,0 +1,255 @@
+import { t as __export } from "../../chunk-BJ7z6UrO.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-C_FYj4uc.jsx";
+import { t as runIfFn } from "../../run-if-fn-CrJzzDIM.jsx";
+import { t as createContext$1 } from "../../create-context-BwqlrMqL.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-C6VPiSrB.jsx";
+import { t as sprawlify } from "../../factory-BIJk1mK6.jsx";
+import { t as createSplitProps } from "../../create-split-props-CKwjjjkD.jsx";
+import "../../compose-refs-Cp4AShsY.jsx";
+import "../../fieldset-aYQsMWX2.jsx";
+import { m as useFieldContext } from "../../field-CtkmPUb0.jsx";
+import { Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+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({
+	hookName: "useFileUploadContext",
+	providerName: "<FileUploadProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-clear-trigger.tsx
+const FileUploadClearTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getClearTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#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 FileUploadDropzone = (props) => {
+	const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getDropzoneProps(dropzoneProps), localProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-hidden-input.tsx
+const FileUploadHiddenInput = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-group-props-context.ts
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext$1({
+	hookName: "useFileUploadItemGroupPropsContext",
+	providerName: "<FileUploadItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-props-context.ts
+const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext$1({
+	hookName: "useFileUploadItemPropsContext",
+	providerName: "<FileUploadItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-item.tsx
+const FileUploadItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["file"]);
+	const fileUpload$1 = useFileUploadContext();
+	const itemGroupProps = useFileUploadItemGroupPropsContext();
+	const itemPropsWithType = createMemo(() => ({
+		...itemProps,
+		type: itemGroupProps.type
+	}));
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemProps(itemPropsWithType()), localProps);
+	return <FileUploadItemPropsProvider value={itemPropsWithType}>
+      <sprawlify.li {...mergedProps} />
+    </FileUploadItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-delete-trigger.tsx
+const FileUploadItemDeleteTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemDeleteTriggerProps(itemProps()), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-group.tsx
+const FileUploadItemGroup = (props) => {
+	const [itemGroupProps, localProps] = createSplitProps()(props, ["type"]);
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemGroupProps(itemGroupProps), localProps);
+	return <FileUploadItemGroupPropsProvider value={itemGroupProps}>
+      <sprawlify.ul {...mergedProps} />
+    </FileUploadItemGroupPropsProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-name.tsx
+const FileUploadItemName = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemNameProps(itemProps()), props);
+	return <sprawlify.div {...mergedProps}>{props.children || itemProps().file.name}</sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview.tsx
+const FileUploadItemPreview = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemPreviewProps(itemProps()), props);
+	return <Show when={itemProps().file.type.match(props.type ?? ".*")}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview-image.tsx
+const FileUploadItemPreviewImage = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const [url, setUrl] = createSignal("");
+	createEffect(() => {
+		onCleanup(fileUpload$1().createFileUrl(itemProps().file, (url$1) => setUrl(url$1)));
+	});
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemPreviewImageProps({
+		...itemProps(),
+		url: url()
+	}), props);
+	return <Show when={url()}>
+      <sprawlify.img {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-size-text.tsx
+const FileUploadItemSizeText = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemSizeTextProps(itemProps()), props);
+	return <sprawlify.div {...mergedProps}>{props.children || fileUpload$1().getFileSize(itemProps().file)}</sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-label.tsx
+const FileUploadLabel = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/use-file-upload.ts
+const useFileUpload = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		locale: locale().locale,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(fileUpload.machine, machineProps);
+	return createMemo(() => fileUpload.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root.tsx
+const FileUploadRoot = (props) => {
+	const [fileUploadProps, localProps] = createSplitProps()(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(fileUploadProps);
+	const mergedProps = mergeProps$1(() => fileUpload$1().getRootProps(), localProps);
+	return <FileUploadProvider value={fileUpload$1}>
+      <sprawlify.div {...mergedProps} />
+    </FileUploadProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root-provider.tsx
+const FileUploadRootProvider = (props) => {
+	const [{ value: fileUpload$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => fileUpload$1().getRootProps(), localProps);
+	return <FileUploadProvider value={fileUpload$1}>
+      <sprawlify.div {...mergedProps} />
+    </FileUploadProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-trigger.tsx
+const FileUploadTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#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.d.ts

@@ -0,0 +1,100 @@
+import { n as PropTypes } from "../../index-BLALA3BS.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import "../../render-strategy-BmTDUy3U.js";
+import { s as UsePresenceProps } from "../../index-DylIyeqd.js";
+import * as solid_js132 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_js132.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_js132.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_js132.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_js132.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_js132.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_js132.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_js132.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_js132.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_js132.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_js132.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_js132.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-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../render-strategy-BlHCR8sl.js";
+import "../../compose-refs-tCBI7PRJ.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Clrs1hmS.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 };