@wirekyt/react 0.0.1 → 0.0.2

package/dist/file-upload.js

@@ -0,0 +1,298 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { h as useFieldContext } from "./field-Cy1E02DH.js";
+import { forwardRef, useEffect, useId, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as fileUpload from "@wirekyt/dom/machines/file-upload";
+import { anatomy as fileUploadAnatomy } from "@wirekyt/dom/machines/file-upload";
+//#region src/components/file-upload/use-context.ts
+const [FileUploadProvider, useFileUploadContext] = createContext$1({
+	name: "FileUploadContext",
+	hookName: "useFileUploadContext",
+	providerName: "<FileUploadProvider />"
+});
+//#endregion
+//#region src/components/file-upload/clear-trigger.tsx
+const FileUploadClearTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getClearTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadClearTrigger.displayName = "FileUploadClearTrigger";
+//#endregion
+//#region src/components/file-upload/context.tsx
+const FileUploadContext = (props) => props.children(useFileUploadContext());
+//#endregion
+//#region src/components/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(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadDropzone.displayName = "FileUploadDropzone";
+//#endregion
+//#region src/components/file-upload/hidden-input.tsx
+const FileUploadHiddenInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(wire.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
+//#endregion
+//#region src/components/file-upload/use-item-group-props-context.ts
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext$1({
+	name: "FileUploadItemGroupPropsContext",
+	hookName: "useFileUploadItemGroupPropsContext",
+	providerName: "<FileUploadItemGroupPropsProvider />"
+});
+//#endregion
+//#region src/components/file-upload/use-item-props-context.ts
+const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext$1({
+	name: "FileUploadItemPropsContext",
+	hookName: "useFileUploadItemPropsContext",
+	providerName: "<FileUploadItemPropsProvider />"
+});
+//#endregion
+//#region src/components/file-upload/item.tsx
+const splitItemBaseProps = createSplitProps();
+const FileUploadItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemBaseProps(props, ["file"]);
+	const fileUpload = useFileUploadContext();
+	const itemGroupProps = useFileUploadItemGroupPropsContext();
+	const itemPropsWithType = {
+		...itemProps,
+		type: itemGroupProps.type
+	};
+	const mergedProps = mergeProps(fileUpload.getItemProps(itemPropsWithType), localProps);
+	return /* @__PURE__ */ jsx(FileUploadItemPropsProvider, {
+		value: itemPropsWithType,
+		children: /* @__PURE__ */ jsx(wire.li, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadItem.displayName = "FileUploadItem";
+//#endregion
+//#region src/components/file-upload/item-delete-trigger.tsx
+const FileUploadItemDeleteTrigger = forwardRef((props, ref) => {
+	const fileUpload = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadItemDeleteTrigger.displayName = "FileUploadItemDeleteTrigger";
+//#endregion
+//#region src/components/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(wire.ul, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadItemGroup.displayName = "FileUploadItemGroup";
+//#endregion
+//#region src/components/file-upload/item-name.tsx
+const FileUploadItemName = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const fileUpload = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload.getItemNameProps(itemProps), rest);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref,
+		children: children || itemProps.file.name
+	});
+});
+FileUploadItemName.displayName = "FileUploadItemName";
+//#endregion
+//#region src/components/file-upload/item-preview.tsx
+const FileUploadItemPreview = forwardRef((props, ref) => {
+	const fileUpload = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
+	if (!itemProps.file.type.match(props.type ?? ".*")) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadItemPreview.displayName = "FileUploadItemPreview";
+//#endregion
+//#region src/components/file-upload/item-preview-image.tsx
+const FileUploadItemPreviewImage = forwardRef((props, ref) => {
+	const [url, setUrl] = useState("");
+	const fileUpload = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload.getItemPreviewImageProps({
+		...itemProps,
+		url
+	}), props);
+	useEffect(() => {
+		return fileUpload.createFileUrl(itemProps.file, (url) => setUrl(url));
+	}, [itemProps, fileUpload]);
+	if (!url) return null;
+	return /* @__PURE__ */ jsx(wire.img, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadItemPreviewImage.displayName = "FileUploadItemPreviewImage";
+//#endregion
+//#region src/components/file-upload/item-size-text.tsx
+const FileUploadItemSizeText = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const fileUpload = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref,
+		children: children || fileUpload.getFileSize(itemProps.file)
+	});
+});
+FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
+//#endregion
+//#region src/components/file-upload/label.tsx
+const FileUploadLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadLabel.displayName = "FileUploadLabel";
+//#endregion
+//#region src/components/file-upload/use.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/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",
+		"readOnly",
+		"required",
+		"translations",
+		"transformFiles",
+		"validate"
+	]);
+	const fileUpload = useFileUpload(useFileUploadProps);
+	const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FileUploadProvider, {
+		value: fileUpload,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadRoot.displayName = "FileUploadRoot";
+//#endregion
+//#region src/components/file-upload/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const FileUploadRootProvider = forwardRef((props, ref) => {
+	const [{ value: fileUpload }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FileUploadProvider, {
+		value: fileUpload,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FileUploadRootProvider.displayName = "FileUploadRootProvider";
+//#endregion
+//#region src/components/file-upload/trigger.tsx
+const FileUploadTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFileUploadContext().getTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FileUploadTrigger.displayName = "FileUploadTrigger";
+//#endregion
+//#region src/components/file-upload/file-upload.ts
+var file_upload_exports = /* @__PURE__ */ __exportAll({
+	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/floating-panel.cjs

@@ -0,0 +1,271 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+const require_presence = require("./presence-BOs-D6Cv.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_floating_panel = require("@wirekyt/dom/machines/floating-panel");
+_wirekyt_dom_machines_floating_panel = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_floating_panel, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/floating-panel/use-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = require_utils.createContext({
+	name: "FloatingPanelContext",
+	hookName: "useFloatingPanelContext",
+	providerName: "<FloatingPanelProvider />"
+});
+//#endregion
+//#region src/components/floating-panel/body.tsx
+const FloatingPanelBody = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getBodyProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelBody.displayName = "FloatingPanelBody";
+//#endregion
+//#region src/components/floating-panel/close-trigger.tsx
+const FloatingPanelCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelCloseTrigger.displayName = "FloatingPanelCloseTrigger";
+//#endregion
+//#region src/components/floating-panel/content.tsx
+const FloatingPanelContent = (0, react.forwardRef)((props, ref) => {
+	const floatingPanel = useFloatingPanelContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(floatingPanel.getContentProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+FloatingPanelContent.displayName = "FloatingPanelContent";
+//#endregion
+//#region src/components/floating-panel/context.tsx
+const FloatingPanelContext = (props) => props.children(useFloatingPanelContext());
+//#endregion
+//#region src/components/floating-panel/drag-trigger.tsx
+const FloatingPanelDragTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getDragTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelDragTrigger.displayName = "FloatingPanelDragTrigger";
+//#endregion
+//#region src/components/floating-panel/header.tsx
+const FloatingPanelHeader = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getHeaderProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelHeader.displayName = "FloatingPanelHeader";
+//#endregion
+//#region src/components/floating-panel/positioner.tsx
+const FloatingPanelPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelPositioner.displayName = "FloatingPanelPositioner";
+//#endregion
+//#region src/components/floating-panel/resize-trigger.tsx
+const splitResizeTriggerProps = require_utils.createSplitProps();
+const FloatingPanelResizeTrigger = (0, react.forwardRef)((props, ref) => {
+	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getResizeTriggerProps(resizeProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelResizeTrigger.displayName = "FloatingPanelResizeTrigger";
+//#endregion
+//#region src/components/floating-panel/stage-trigger.tsx
+const splitStageTriggerProps = require_utils.createSplitProps();
+const FloatingPanelStageTrigger = (0, react.forwardRef)((props, ref) => {
+	const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getStageTriggerProps(stage), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelStageTrigger.displayName = "FloatingPanelStageTrigger";
+//#endregion
+//#region src/components/floating-panel/use.ts
+const useFloatingPanel = (props = {}) => {
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const context = {
+		id: (0, react.useId)(),
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_floating_panel.machine, context);
+	return _wirekyt_dom_machines_floating_panel.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/floating-panel/root.tsx
+const splitRootProps = require_utils.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",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"lockAspectRatio",
+		"maxSize",
+		"minSize",
+		"onOpenChange",
+		"onPositionChange",
+		"onPositionChangeEnd",
+		"onSizeChange",
+		"onSizeChangeEnd",
+		"onStageChange",
+		"open",
+		"persistRect",
+		"position",
+		"resizable",
+		"restoreFocus",
+		"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, _wirekyt_dom.mergeProps)({ present: floatingPanel.open }, presenceProps)),
+			children: localProps.children
+		})
+	});
+};
+//#endregion
+//#region src/components/floating-panel/root-provider.tsx
+const splitRootProviderProps = require_utils.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, _wirekyt_dom.mergeProps)({ present: floatingPanel.open }, presenceProps)),
+			children: localProps.children
+		})
+	});
+};
+//#endregion
+//#region src/components/floating-panel/title.tsx
+const FloatingPanelTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.h2, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelTitle.displayName = "FloatingPanelTitle";
+//#endregion
+//#region src/components/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, _wirekyt_dom.mergeProps)({
+		...triggerProps,
+		"aria-controls": presence.unmounted ? void 0 : triggerProps["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelTrigger.displayName = "FloatingPanelTrigger";
+//#endregion
+//#region src/components/floating-panel/control.tsx
+const FloatingPanelControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useFloatingPanelContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+FloatingPanelControl.displayName = "FloatingPanelControl";
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	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,
+	resizeTriggerAxes: () => _wirekyt_dom_machines_floating_panel.resizeTriggerAxes
+});
+//#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 _wirekyt_dom_machines_floating_panel.anatomy;
+	}
+});
+exports.useFloatingPanel = useFloatingPanel;
+exports.useFloatingPanelContext = useFloatingPanelContext;

package/dist/floating-panel.d.cts

@@ -0,0 +1,98 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { c as UsePresenceProps } from "./index-CUyHBXOI.cjs";
+import { ReactNode } from "react";
+import * as floatingPanel from "@wirekyt/dom/machines/floating-panel";
+import { AnchorPositionDetails, AnchorPositionDetails as FloatingPanelAnchorPositionDetails, ElementIds, ElementIds as FloatingPanelElementIds, IntlTranslations, IntlTranslations as FloatingPanelIntlTranslations, OpenChangeDetails, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point, Point as FloatingPanelPoint, PositionChangeDetails, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerAxis, ResizeTriggerAxis as FloatingPanelResizeTriggerAxis, ResizeTriggerProps, Size, Size as FloatingPanelSize, SizeChangeDetails, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage, Stage as FloatingPanelStage, StageChangeDetails, StageChangeDetails as FloatingPanelStageChangeDetails, StageTriggerProps, anatomy as floatingPanelAnatomy, resizeTriggerAxes } from "@wirekyt/dom/machines/floating-panel";
+//#region src/components/floating-panel/body.d.ts
+interface FloatingPanelBodyBaseProps extends PolymorphicProps {}
+interface FloatingPanelBodyProps extends HTMLProps<"div">, FloatingPanelBodyBaseProps {}
+declare const FloatingPanelBody: import("react").ForwardRefExoticComponent<FloatingPanelBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/close-trigger.d.ts
+interface FloatingPanelCloseTriggerBaseProps extends PolymorphicProps {}
+interface FloatingPanelCloseTriggerProps extends HTMLProps<"button">, FloatingPanelCloseTriggerBaseProps {}
+declare const FloatingPanelCloseTrigger: import("react").ForwardRefExoticComponent<FloatingPanelCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/floating-panel/content.d.ts
+interface FloatingPanelContentBaseProps extends PolymorphicProps {}
+interface FloatingPanelContentProps extends HTMLProps<"div">, FloatingPanelContentBaseProps {}
+declare const FloatingPanelContent: import("react").ForwardRefExoticComponent<FloatingPanelContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/use.d.ts
+interface UseFloatingPanelProps extends Optional<Omit<floatingPanel.Props, "getRootNode">, "id"> {}
+interface UseFloatingPanelReturn extends floatingPanel.Api<PropTypes> {}
+declare const useFloatingPanel: (props?: UseFloatingPanelProps) => UseFloatingPanelReturn;
+//#endregion
+//#region src/components/floating-panel/use-context.d.ts
+interface UseFloatingPanelContext extends UseFloatingPanelReturn {}
+declare const FloatingPanelProvider: import("react").Provider<UseFloatingPanelContext>, useFloatingPanelContext: () => UseFloatingPanelContext;
+//#endregion
+//#region src/components/floating-panel/context.d.ts
+interface FloatingPanelContextProps {
+  children: (context: UseFloatingPanelContext) => ReactNode;
+}
+declare const FloatingPanelContext: (props: FloatingPanelContextProps) => ReactNode;
+//#endregion
+//#region src/components/floating-panel/drag-trigger.d.ts
+interface FloatingPanelDragTriggerBaseProps extends PolymorphicProps {}
+interface FloatingPanelDragTriggerProps extends HTMLProps<"div">, FloatingPanelDragTriggerBaseProps {}
+declare const FloatingPanelDragTrigger: import("react").ForwardRefExoticComponent<FloatingPanelDragTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/header.d.ts
+interface FloatingPanelHeaderBaseProps extends PolymorphicProps {}
+interface FloatingPanelHeaderProps extends HTMLProps<"div">, FloatingPanelHeaderBaseProps {}
+declare const FloatingPanelHeader: import("react").ForwardRefExoticComponent<FloatingPanelHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/positioner.d.ts
+interface FloatingPanelPositionerBaseProps extends PolymorphicProps {}
+interface FloatingPanelPositionerProps extends HTMLProps<"div">, FloatingPanelPositionerBaseProps {}
+declare const FloatingPanelPositioner: import("react").ForwardRefExoticComponent<FloatingPanelPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/resize-trigger.d.ts
+interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {}
+interface FloatingPanelResizeTriggerProps extends HTMLProps<"div">, FloatingPanelResizeTriggerBaseProps {}
+declare const FloatingPanelResizeTrigger: import("react").ForwardRefExoticComponent<FloatingPanelResizeTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/stage-trigger.d.ts
+interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {}
+interface FloatingPanelStageTriggerProps extends HTMLProps<"button">, FloatingPanelStageTriggerBaseProps {}
+declare const FloatingPanelStageTrigger: import("react").ForwardRefExoticComponent<FloatingPanelStageTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/floating-panel/root.d.ts
+interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {}
+interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const FloatingPanelRoot: (props: FloatingPanelRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/floating-panel/root-provider.d.ts
+interface RootProviderProps {
+  value: UseFloatingPanelReturn;
+}
+interface FloatingPanelRootProviderBaseProps extends RootProviderProps, Omit<UsePresenceProps, "present"> {}
+interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const FloatingPanelRootProvider: (props: FloatingPanelRootProviderProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/floating-panel/title.d.ts
+interface FloatingPanelTitleBaseProps extends PolymorphicProps {}
+interface FloatingPanelTitleProps extends HTMLProps<"h2">, FloatingPanelTitleBaseProps {}
+declare const FloatingPanelTitle: import("react").ForwardRefExoticComponent<FloatingPanelTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/floating-panel/trigger.d.ts
+interface FloatingPanelTriggerBaseProps extends PolymorphicProps {}
+interface FloatingPanelTriggerProps extends HTMLProps<"button">, FloatingPanelTriggerBaseProps {}
+declare const FloatingPanelTrigger: import("react").ForwardRefExoticComponent<FloatingPanelTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/floating-panel/control.d.ts
+interface FloatingPanelControlBaseProps extends PolymorphicProps {}
+interface FloatingPanelControlProps extends HTMLProps<"div">, FloatingPanelControlBaseProps {}
+declare const FloatingPanelControl: import("react").ForwardRefExoticComponent<FloatingPanelControlProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace floating_panel_d_exports {
+  export { AnchorPositionDetails, 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, ElementIds, FloatingPanelHeader as Header, FloatingPanelHeaderBaseProps as HeaderBaseProps, FloatingPanelHeaderProps as HeaderProps, IntlTranslations, OpenChangeDetails, Point, PositionChangeDetails, FloatingPanelPositioner as Positioner, FloatingPanelPositionerBaseProps as PositionerBaseProps, FloatingPanelPositionerProps as PositionerProps, FloatingPanelResizeTrigger as ResizeTrigger, ResizeTriggerAxis, FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, FloatingPanelResizeTriggerProps as ResizeTriggerProps, FloatingPanelRoot as Root, FloatingPanelRootBaseProps as RootBaseProps, FloatingPanelRootProps as RootProps, FloatingPanelRootProvider as RootProvider, FloatingPanelRootProviderBaseProps as RootProviderBaseProps, FloatingPanelRootProviderProps as RootProviderProps, Size, SizeChangeDetails, Stage, 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, resizeTriggerAxes };
+}
+//#endregion
+export { floating_panel_d_exports as FloatingPanel, type FloatingPanelAnchorPositionDetails, 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, type FloatingPanelElementIds, FloatingPanelHeader, type FloatingPanelHeaderBaseProps, type FloatingPanelHeaderProps, type FloatingPanelIntlTranslations, type FloatingPanelOpenChangeDetails, type FloatingPanelPoint, type FloatingPanelPositionChangeDetails, FloatingPanelPositioner, type FloatingPanelPositionerBaseProps, type FloatingPanelPositionerProps, FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerAxis, type FloatingPanelResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps, FloatingPanelRoot, type FloatingPanelRootBaseProps, type FloatingPanelRootProps, FloatingPanelRootProvider, type FloatingPanelRootProviderBaseProps, type FloatingPanelRootProviderProps, type FloatingPanelSize, type FloatingPanelSizeChangeDetails, type FloatingPanelStage, 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 };