@moduix/react 1.1.0 → 2.0.0

package/dist/components/file-upload/FileUpload.js

@@ -1,25 +1,31 @@
-import { CloseIcon, TrashIcon, UploadIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { CloseIcon, FileIcon, TrashIcon, UploadIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { CloseButton } from "../close-button/CloseButton.js";
 import FileUpload_module_default from "./FileUpload.module.js";
-import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { FileUpload } from "@ark-ui/react/file-upload";
+import { Children, cloneElement, forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
 //#region src/components/file-upload/FileUpload.tsx
-const FileUploadRoot = forwardRef(function FileUploadRoot({ className, ...props }, ref) {
+const FileUploadRoot = forwardRef(function FileUploadRoot({ asChild, children, className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(FileUpload.Root, {
 		ref,
+		asChild,
 		"data-slot": "file-upload-root",
 		className: clsx(FileUpload_module_default.root, normalizeClassName(className)),
-		...props
+		...props,
+		children: withHiddenInput(children, asChild)
 	});
 });
-const FileUploadRootProvider = forwardRef(function FileUploadRootProvider({ className, ...props }, ref) {
+const FileUploadRootProvider = forwardRef(function FileUploadRootProvider({ asChild, children, className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(FileUpload.RootProvider, {
 		ref,
+		asChild,
 		"data-slot": "file-upload-root-provider",
 		className: clsx(FileUpload_module_default.root, normalizeClassName(className)),
-		...props
+		...props,
+		children: withHiddenInput(children, asChild)
 	});
 });
 const FileUploadLabel = forwardRef(function FileUploadLabel({ className, ...props }, ref) {
@@ -39,7 +45,7 @@ const FileUploadDropzone = forwardRef(function FileUploadDropzone({ className, .
 	});
 });
 function FileUploadDropzoneIcon({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsx(ark.span, {
 		"aria-hidden": "true",
 		"data-slot": "file-upload-dropzone-icon",
 		className: clsx(FileUpload_module_default.dropzoneIcon, normalizeClassName(className)),
@@ -55,13 +61,12 @@ const FileUploadTrigger = forwardRef(function FileUploadTrigger({ className, ...
 		...props
 	});
 });
-const FileUploadHiddenInput = forwardRef(function FileUploadHiddenInput(props, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.HiddenInput, {
-		ref,
-		"data-slot": "file-upload-hidden-input",
-		...props
-	});
-});
+function withHiddenInput(children, asChild) {
+	const hiddenInput = /* @__PURE__ */ jsx(FileUpload.HiddenInput, { "data-slot": "file-upload-hidden-input" });
+	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
+	const child = Children.only(children);
+	return cloneElement(child, {}, child.props.children, hiddenInput);
+}
 const FileUploadItemGroup = forwardRef(function FileUploadItemGroup({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(FileUpload.ItemGroup, {
 		ref,
@@ -94,6 +99,20 @@ const FileUploadItemPreviewImage = forwardRef(function FileUploadItemPreviewImag
 		...props
 	});
 });
+function FileUploadItemPreviewIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx(FileIcon, {
+		"data-slot": "file-upload-item-preview-icon",
+		className: clsx(FileUpload_module_default.itemPreviewIcon, normalizeClassName(className)),
+		...props
+	});
+}
+function getFileTypeLabel(file) {
+	const extension = file.name.split(".").pop();
+	return extension ? extension.toUpperCase() : file.type || "FILE";
+}
+function isImageFile(file) {
+	return file.type.startsWith("image/") || /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(file.name);
+}
 const FileUploadItemName = forwardRef(function FileUploadItemName({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(FileUpload.ItemName, {
 		ref,
@@ -110,6 +129,14 @@ const FileUploadItemSizeText = forwardRef(function FileUploadItemSizeText({ clas
 		...props
 	});
 });
+function FileUploadItemMetadata({ file, className, ...props }) {
+	return /* @__PURE__ */ jsxs(ark.div, {
+		"data-slot": "file-upload-item-metadata",
+		className: clsx(FileUpload_module_default.itemMetadata, normalizeClassName(className)),
+		...props,
+		children: [/* @__PURE__ */ jsx(ark.span, { children: getFileTypeLabel(file) }), /* @__PURE__ */ jsx(FileUploadItemSizeText, {})]
+	});
+}
 const FileUploadItemDeleteTrigger = forwardRef(function FileUploadItemDeleteTrigger({ className, children, ...props }, ref) {
 	return /* @__PURE__ */ jsx(FileUpload.ItemDeleteTrigger, {
 		ref,
@@ -119,31 +146,62 @@ const FileUploadItemDeleteTrigger = forwardRef(function FileUploadItemDeleteTrig
 		children: children ?? /* @__PURE__ */ jsx(TrashIcon, {})
 	});
 });
-const FileUploadClearTrigger = forwardRef(function FileUploadClearTrigger({ className, children, ...props }, ref) {
+function FileUploadItems() {
+	const { acceptedFiles } = useFileUploadContext();
+	return acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUploadItem, {
+		file,
+		children: [
+			isImageFile(file) ? /* @__PURE__ */ jsx(FileUploadItemPreview, { children: /* @__PURE__ */ jsx(FileUploadItemPreviewImage, {}) }) : /* @__PURE__ */ jsx(FileUploadItemPreview, { children: /* @__PURE__ */ jsx(FileUploadItemPreviewIcon, {}) }),
+			/* @__PURE__ */ jsx(FileUploadItemName, {}),
+			/* @__PURE__ */ jsx(FileUploadItemMetadata, { file }),
+			/* @__PURE__ */ jsx(FileUploadItemDeleteTrigger, { "aria-label": `Remove ${file.name}` })
+		]
+	}, `${file.name}-${file.size}`));
+}
+const FileUploadClearTrigger = forwardRef(function FileUploadClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
+	const triggerClassName = clsx(FileUpload_module_default.clearTrigger, children != null && FileUpload_module_default.clearTriggerWithContent, normalizeClassName(className));
+	if (asChild) return /* @__PURE__ */ jsx(FileUpload.ClearTrigger, {
+		ref,
+		asChild: true,
+		"data-slot": "file-upload-clear-trigger",
+		className: triggerClassName,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
+		...props,
+		children
+	});
 	return /* @__PURE__ */ jsx(FileUpload.ClearTrigger, {
 		ref,
+		asChild: true,
 		"data-slot": "file-upload-clear-trigger",
-		className: clsx(FileUpload_module_default.clearTrigger, normalizeClassName(className)),
+		className: triggerClassName,
 		...props,
-		children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
+		children: /* @__PURE__ */ jsx(CloseButton.Root, {
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
+		})
 	});
 });
 const FileUpload$1 = Object.assign(FileUploadRoot, {
 	Root: FileUploadRoot,
 	RootProvider: FileUploadRootProvider,
+	Context: FileUpload.Context,
 	Label: FileUploadLabel,
 	Dropzone: FileUploadDropzone,
 	DropzoneIcon: FileUploadDropzoneIcon,
 	Trigger: FileUploadTrigger,
-	HiddenInput: FileUploadHiddenInput,
 	ItemGroup: FileUploadItemGroup,
 	Item: FileUploadItem,
+	Items: FileUploadItems,
 	ItemPreview: FileUploadItemPreview,
 	ItemPreviewImage: FileUploadItemPreviewImage,
+	ItemPreviewIcon: FileUploadItemPreviewIcon,
 	ItemName: FileUploadItemName,
+	ItemMetadata: FileUploadItemMetadata,
 	ItemSizeText: FileUploadItemSizeText,
 	ItemDeleteTrigger: FileUploadItemDeleteTrigger,
 	ClearTrigger: FileUploadClearTrigger
 });
 //#endregion
-export { FileUpload$1 as FileUpload };
+export { FileUpload$1 as FileUpload, useFileUpload, useFileUploadContext };

package/dist/components/file-upload/FileUpload.module.js

@@ -1,19 +1,22 @@
 import './FileUpload.css';
 //#region src/components/file-upload/FileUpload.module.css
 var FileUpload_module_default = {
-	"clearTrigger": "D32-wW_clearTrigger",
-	"dropzone": "D32-wW_dropzone",
-	"dropzoneIcon": "D32-wW_dropzoneIcon",
-	"item": "D32-wW_item",
-	"itemDeleteTrigger": "D32-wW_itemDeleteTrigger",
-	"itemGroup": "D32-wW_itemGroup",
-	"itemName": "D32-wW_itemName",
-	"itemPreview": "D32-wW_itemPreview",
-	"itemPreviewImage": "D32-wW_itemPreviewImage",
-	"itemSizeText": "D32-wW_itemSizeText",
-	"label": "D32-wW_label",
-	"root": "D32-wW_root",
-	"trigger": "D32-wW_trigger"
+	"clearTrigger": "dgDG7a_clearTrigger",
+	"clearTriggerWithContent": "dgDG7a_clearTriggerWithContent",
+	"dropzone": "dgDG7a_dropzone",
+	"dropzoneIcon": "dgDG7a_dropzoneIcon",
+	"item": "dgDG7a_item",
+	"itemDeleteTrigger": "dgDG7a_itemDeleteTrigger",
+	"itemGroup": "dgDG7a_itemGroup",
+	"itemMetadata": "dgDG7a_itemMetadata",
+	"itemName": "dgDG7a_itemName",
+	"itemPreview": "dgDG7a_itemPreview",
+	"itemPreviewIcon": "dgDG7a_itemPreviewIcon",
+	"itemPreviewImage": "dgDG7a_itemPreviewImage",
+	"itemSizeText": "dgDG7a_itemSizeText",
+	"label": "dgDG7a_label",
+	"root": "dgDG7a_root",
+	"trigger": "dgDG7a_trigger"
 };
 //#endregion
 export { FileUpload_module_default as default };

package/dist/components/file-upload/index.d.ts

@@ -1,2 +1,2 @@
-import { FileUpload } from "./FileUpload.js";
-export { FileUpload };
+import { FileUpload, useFileUpload, useFileUploadContext } from "./FileUpload.js";
+export { FileUpload, useFileUpload, useFileUploadContext };

package/dist/components/floating-panel/FloatingPanel.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .rXS1Xa_trigger {
+  .L7Dmqq_trigger {
     box-sizing: border-box;
     min-height: var(--floating-panel-trigger-height, var(--size-lg));
     padding: var(--floating-panel-trigger-padding-y, .5rem)
@@ -48,12 +48,12 @@
     }
   }
 
-  .rXS1Xa_positioner {
+  .L7Dmqq_positioner {
     z-index: var(--z-index, var(--floating-panel-z-index, var(--z-popup)));
     outline: 0;
   }
 
-  .rXS1Xa_content {
+  .L7Dmqq_content {
     box-sizing: border-box;
     width: var(--floating-panel-width, 100%);
     height: var(--floating-panel-height, 100%);
@@ -73,12 +73,16 @@
     overflow: hidden;
 
     &[data-state="open"] {
-      animation: rXS1Xa_floating-panel-enter var(--floating-panel-transition, var(--duration-fast)) both;
+      animation: L7Dmqq_floating-panel-enter
+        var(--floating-panel-transition, var(--popup-motion-duration, var(--duration-fast)) var(--popup-motion-easing, ease))
+        both;
     }
 
     &[data-state="closed"] {
       pointer-events: none;
-      animation: rXS1Xa_floating-panel-exit var(--floating-panel-transition, var(--duration-fast)) both;
+      animation: L7Dmqq_floating-panel-exit
+        var(--floating-panel-transition, var(--popup-motion-duration, var(--duration-fast)) var(--popup-motion-easing, ease))
+        both;
     }
 
     &[data-behind] {
@@ -90,11 +94,11 @@
     }
   }
 
-  .rXS1Xa_dragTrigger {
+  .L7Dmqq_dragTrigger {
     display: block;
   }
 
-  .rXS1Xa_header {
+  .L7Dmqq_header {
     box-sizing: border-box;
     justify-content: space-between;
     align-items: center;
@@ -118,7 +122,7 @@
     }
   }
 
-  .rXS1Xa_title {
+  .L7Dmqq_title {
     align-items: center;
     gap: var(--floating-panel-title-gap, var(--spacing-2));
     min-width: 0;
@@ -130,14 +134,14 @@
     display: inline-flex;
   }
 
-  .rXS1Xa_control {
+  .L7Dmqq_control {
     align-items: center;
     gap: var(--floating-panel-control-gap, var(--spacing-1));
     flex: none;
     display: inline-flex;
   }
 
-  .rXS1Xa_controlButton {
+  .L7Dmqq_controlButton {
     box-sizing: border-box;
     width: var(--floating-panel-control-size, var(--size-sm));
     height: var(--floating-panel-control-size, var(--size-sm));
@@ -184,7 +188,7 @@
     }
   }
 
-  .rXS1Xa_dragIndicator {
+  .L7Dmqq_dragIndicator {
     color: var(--floating-panel-drag-indicator-color, var(--color-muted-foreground));
     flex: none;
     justify-content: center;
@@ -197,7 +201,7 @@
     }
   }
 
-  .rXS1Xa_body {
+  .L7Dmqq_body {
     box-sizing: border-box;
     min-height: 0;
     padding: var(--floating-panel-body-padding, var(--spacing-4));
@@ -212,7 +216,7 @@
     }
   }
 
-  .rXS1Xa_footer {
+  .L7Dmqq_footer {
     box-sizing: border-box;
     align-items: center;
     justify-content: var(--floating-panel-footer-justify, flex-end);
@@ -232,7 +236,7 @@
     }
   }
 
-  .rXS1Xa_resizeTrigger {
+  .L7Dmqq_resizeTrigger {
     position: absolute;
 
     &[data-axis="n"], &[data-axis="s"] {
@@ -299,21 +303,21 @@
     }
   }
 
-  @keyframes rXS1Xa_floating-panel-enter {
+  @keyframes L7Dmqq_floating-panel-enter {
     from {
-      opacity: var(--floating-panel-starting-opacity, 0);
-      translate: var(--floating-panel-starting-translate-x, 0)
-        var(--floating-panel-starting-translate-y, 0);
-      scale: var(--floating-panel-starting-scale, var(--scale-popup));
+      opacity: var(--floating-panel-starting-opacity, var(--popup-motion-starting-opacity, 0));
+      translate: var(--floating-panel-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
+        var(--floating-panel-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
+      scale: var(--floating-panel-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup)));
     }
   }
 
-  @keyframes rXS1Xa_floating-panel-exit {
+  @keyframes L7Dmqq_floating-panel-exit {
     to {
-      opacity: var(--floating-panel-ending-opacity, 0);
-      translate: var(--floating-panel-ending-translate-x, 0)
-        var(--floating-panel-ending-translate-y, 0);
-      scale: var(--floating-panel-ending-scale, var(--scale-popup));
+      opacity: var(--floating-panel-ending-opacity, var(--popup-motion-ending-opacity, 0));
+      translate: var(--floating-panel-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
+        var(--floating-panel-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
+      scale: var(--floating-panel-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup)));
     }
   }
 }

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

@@ -1,12 +1,13 @@
 import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
 import { ComponentProps } from "react";
-import { FloatingPanel } from "@ark-ui/react/floating-panel";
+import { FloatingPanel, FloatingPanelResizeTriggerAxis } from "@ark-ui/react/floating-panel";
 
 //#region src/components/floating-panel/FloatingPanel.d.ts
-declare const resizeTriggerAxes: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[];
+declare const resizeTriggerAxes: ("s" | "n" | "e" | "w" | "ne" | "se" | "sw" | "nw")[];
 type FloatingPanelRootProps = ComponentProps<typeof FloatingPanel.Root> & OverlayPortalProps;
 type FloatingPanelRootProviderProps = ComponentProps<typeof FloatingPanel.RootProvider> & OverlayPortalProps;
 declare function FloatingPanelRoot({
+  closeOnEscape,
   persistRect,
   portalled,
   portalRef,
@@ -21,8 +22,13 @@ declare function FloatingPanelFooter({
   className,
   ...props
 }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function FloatingPanelResizeTriggerGroup(): import("react").JSX.Element;
+declare function FloatingPanelResizeTriggerGroup({
+  axes
+}: {
+  axes?: readonly FloatingPanelResizeTriggerAxis[];
+}): import("react").JSX.Element;
 declare const FloatingPanel$1: typeof FloatingPanelRoot & {
+  Context: (props: FloatingPanel.ContextProps) => import("react").ReactNode;
   Root: typeof FloatingPanelRoot;
   RootProvider: typeof FloatingPanelRootProvider;
   Trigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanel.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -40,6 +46,8 @@ declare const FloatingPanel$1: typeof FloatingPanelRoot & {
   ResizeTrigger: import("react").ForwardRefExoticComponent<Omit<FloatingPanel.ResizeTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   ResizeTriggerGroup: typeof FloatingPanelResizeTriggerGroup;
   DragIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  useFloatingPanel: (props?: import("@ark-ui/react/floating-panel").UseFloatingPanelProps) => import("@ark-ui/react/floating-panel").UseFloatingPanelReturn;
+  useFloatingPanelContext: () => import("@ark-ui/react/floating-panel").UseFloatingPanelContext;
 };
 //#endregion
 export { FloatingPanel$1 as FloatingPanel, resizeTriggerAxes };

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

@@ -1,16 +1,17 @@
-import { GripIcon, MaximizeIcon, MinusIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import { GripIcon, MaximizeIcon, MinusIcon, RestoreIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import { CloseButton } from "../close-button/CloseButton.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
 import FloatingPanel_module_default from "./FloatingPanel.module.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { FloatingPanel } from "@ark-ui/react/floating-panel";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingPanel, useFloatingPanel, useFloatingPanelContext } from "@ark-ui/react/floating-panel";
 //#region src/components/floating-panel/FloatingPanel.tsx
 const DEFAULT_CLOSE_BUTTON_LABEL = "Close panel";
 const DEFAULT_MINIMIZE_LABEL = "Minimize panel";
 const DEFAULT_MAXIMIZE_LABEL = "Maximize panel";
+const DEFAULT_RESTORE_LABEL = "Restore panel";
 const resizeTriggerAxes = [
 	"n",
 	"e",
@@ -21,11 +22,12 @@ const resizeTriggerAxes = [
 	"sw",
 	"nw"
 ];
-function FloatingPanelRoot({ persistRect = true, portalled, portalRef, ...props }) {
+function FloatingPanelRoot({ closeOnEscape = true, persistRect = true, portalled, portalRef, ...props }) {
 	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
 		portalled,
 		portalRef,
 		children: /* @__PURE__ */ jsx(FloatingPanel.Root, {
+			closeOnEscape,
 			persistRect,
 			...props
 		})
@@ -97,7 +99,7 @@ const FloatingPanelControl = forwardRef(function FloatingPanelControl({ classNam
 });
 const FloatingPanelStageTrigger = forwardRef(function FloatingPanelStageTrigger({ asChild, className, children, stage, "aria-label": ariaLabel, ...props }, ref) {
 	const shouldRenderDefaultIcon = children == null && !asChild;
-	const defaultAriaLabel = shouldRenderDefaultIcon && stage === "minimized" ? DEFAULT_MINIMIZE_LABEL : shouldRenderDefaultIcon && stage === "maximized" ? DEFAULT_MAXIMIZE_LABEL : void 0;
+	const defaultAriaLabel = shouldRenderDefaultIcon && stage === "minimized" ? DEFAULT_MINIMIZE_LABEL : shouldRenderDefaultIcon && stage === "maximized" ? DEFAULT_MAXIMIZE_LABEL : shouldRenderDefaultIcon && stage === "default" ? DEFAULT_RESTORE_LABEL : void 0;
 	return /* @__PURE__ */ jsxs(FloatingPanel.StageTrigger, {
 		ref,
 		asChild,
@@ -109,7 +111,8 @@ const FloatingPanelStageTrigger = forwardRef(function FloatingPanelStageTrigger(
 		children: [
 			children,
 			shouldRenderDefaultIcon && stage === "minimized" ? /* @__PURE__ */ jsx(MinusIcon, {}) : null,
-			shouldRenderDefaultIcon && stage === "maximized" ? /* @__PURE__ */ jsx(MaximizeIcon, {}) : null
+			shouldRenderDefaultIcon && stage === "maximized" ? /* @__PURE__ */ jsx(MaximizeIcon, {}) : null,
+			shouldRenderDefaultIcon && stage === "default" ? /* @__PURE__ */ jsx(RestoreIcon, {}) : null
 		]
 	});
 });
@@ -158,8 +161,8 @@ const FloatingPanelResizeTrigger = forwardRef(function FloatingPanelResizeTrigge
 		...props
 	});
 });
-function FloatingPanelResizeTriggerGroup() {
-	return /* @__PURE__ */ jsx(Fragment, { children: resizeTriggerAxes.map((axis) => /* @__PURE__ */ jsx(FloatingPanelResizeTrigger, { axis }, axis)) });
+function FloatingPanelResizeTriggerGroup({ axes = resizeTriggerAxes }) {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: axes.map((axis) => /* @__PURE__ */ jsx(FloatingPanelResizeTrigger, { axis }, axis)) });
 }
 const FloatingPanelDragIndicator = forwardRef(function FloatingPanelDragIndicator({ className, children, ...props }, ref) {
 	return /* @__PURE__ */ jsx("span", {
@@ -172,6 +175,7 @@ const FloatingPanelDragIndicator = forwardRef(function FloatingPanelDragIndicato
 	});
 });
 const FloatingPanel$1 = Object.assign(FloatingPanelRoot, {
+	Context: FloatingPanel.Context,
 	Root: FloatingPanelRoot,
 	RootProvider: FloatingPanelRootProvider,
 	Trigger: FloatingPanelTrigger,
@@ -188,7 +192,9 @@ const FloatingPanel$1 = Object.assign(FloatingPanelRoot, {
 	Footer: FloatingPanelFooter,
 	ResizeTrigger: FloatingPanelResizeTrigger,
 	ResizeTriggerGroup: FloatingPanelResizeTriggerGroup,
-	DragIndicator: FloatingPanelDragIndicator
+	DragIndicator: FloatingPanelDragIndicator,
+	useFloatingPanel,
+	useFloatingPanelContext
 });
 //#endregion
 export { FloatingPanel$1 as FloatingPanel, resizeTriggerAxes };

package/dist/components/floating-panel/FloatingPanel.module.js

@@ -1,20 +1,20 @@
 import './FloatingPanel.css';
 //#region src/components/floating-panel/FloatingPanel.module.css
 var FloatingPanel_module_default = {
-	"body": "rXS1Xa_body",
-	"content": "rXS1Xa_content",
-	"control": "rXS1Xa_control",
-	"controlButton": "rXS1Xa_controlButton",
-	"dragIndicator": "rXS1Xa_dragIndicator",
-	"dragTrigger": "rXS1Xa_dragTrigger",
-	"floating-panel-enter": "rXS1Xa_floating-panel-enter",
-	"floating-panel-exit": "rXS1Xa_floating-panel-exit",
-	"footer": "rXS1Xa_footer",
-	"header": "rXS1Xa_header",
-	"positioner": "rXS1Xa_positioner",
-	"resizeTrigger": "rXS1Xa_resizeTrigger",
-	"title": "rXS1Xa_title",
-	"trigger": "rXS1Xa_trigger"
+	"body": "L7Dmqq_body",
+	"content": "L7Dmqq_content",
+	"control": "L7Dmqq_control",
+	"controlButton": "L7Dmqq_controlButton",
+	"dragIndicator": "L7Dmqq_dragIndicator",
+	"dragTrigger": "L7Dmqq_dragTrigger",
+	"floating-panel-enter": "L7Dmqq_floating-panel-enter",
+	"floating-panel-exit": "L7Dmqq_floating-panel-exit",
+	"footer": "L7Dmqq_footer",
+	"header": "L7Dmqq_header",
+	"positioner": "L7Dmqq_positioner",
+	"resizeTrigger": "L7Dmqq_resizeTrigger",
+	"title": "L7Dmqq_title",
+	"trigger": "L7Dmqq_trigger"
 };
 //#endregion
 export { FloatingPanel_module_default as default };

package/dist/components/heading/Heading.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._8DK-TW_root {
+  .UnU3Mq_root {
     --_heading-font-size: var(--heading-font-size-2xl, var(--text-3xl));
     --_heading-line-height: var(--heading-line-height-2xl, var(--line-height-text-3xl));
     --_heading-font-weight: var(--heading-font-weight-semibold, var(--weight-semibold));

package/dist/components/heading/Heading.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Heading_module_default from "./Heading.module.js";
-import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/heading/Heading.tsx
 const elements = {
 	h1: ark.h1,

package/dist/components/heading/Heading.module.js

@@ -1,5 +1,5 @@
 import './Heading.css';
 //#region src/components/heading/Heading.module.css
-var Heading_module_default = { "root": "_8DK-TW_root" };
+var Heading_module_default = { "root": "UnU3Mq_root" };
 //#endregion
 export { Heading_module_default as default };

package/dist/components/highlight/Highlight.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Q3KpHG_root {
+  .UPU85W_root {
     padding-block: var(--highlight-padding-y, .0625rem);
     padding-inline: var(--highlight-padding-x, .25rem);
     border-radius: var(--highlight-radius, var(--radius-xs));

package/dist/components/highlight/Highlight.js

@@ -1,7 +1,7 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Highlight_module_default from "./Highlight.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
 import { Highlight } from "@ark-ui/react/highlight";
 //#region src/components/highlight/Highlight.tsx
 function HighlightRoot({ className, ...props }) {

package/dist/components/highlight/Highlight.module.js

@@ -1,5 +1,5 @@
 import './Highlight.css';
 //#region src/components/highlight/Highlight.module.css
-var Highlight_module_default = { "root": "Q3KpHG_root" };
+var Highlight_module_default = { "root": "UPU85W_root" };
 //#endregion
 export { Highlight_module_default as default };

package/dist/components/hover-card/HoverCard.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .a1hKKW_trigger {
+  ._0VaKFG_trigger {
     --hover-card-trigger-current-color: var(--hover-card-trigger-color, var(--color-primary));
     align-items: center;
     gap: var(--hover-card-trigger-gap, .25rem);
@@ -39,13 +39,13 @@
     }
   }
 
-  .a1hKKW_positioner {
+  ._0VaKFG_positioner {
     z-index: var(--z-index, var(--z-popup));
     max-width: var(--available-width);
     outline: 0;
   }
 
-  .a1hKKW_content {
+  ._0VaKFG_content {
     z-index: calc(var(--z-popup) + var(--layer-index, 0));
     box-sizing: border-box;
     width: var(--hover-card-width, auto);
@@ -67,41 +67,45 @@
     overflow: visible;
 
     &[data-state="open"] {
-      animation: a1hKKW_hover-card-enter var(--hover-card-transition, var(--duration-fast)) both;
+      animation: _0VaKFG_hover-card-enter
+        var(--hover-card-transition, var(--popup-motion-duration, var(--duration-fast)) var(--popup-motion-easing, ease))
+        both;
     }
 
     &[data-state="closed"] {
-      animation: a1hKKW_hover-card-exit var(--hover-card-transition, var(--duration-fast)) both;
+      animation: _0VaKFG_hover-card-exit
+        var(--hover-card-transition, var(--popup-motion-duration, var(--duration-fast)) var(--popup-motion-easing, ease))
+        both;
     }
   }
 
-  .a1hKKW_arrow {
+  ._0VaKFG_arrow {
     --arrow-size: var(--hover-card-arrow-size, .625rem);
     --arrow-background: var(--hover-card-bg, var(--color-popover));
   }
 
-  .a1hKKW_arrowTip {
+  ._0VaKFG_arrowTip {
     border-top: var(--hover-card-border-width, var(--border-width-sm)) solid
       var(--hover-card-arrow-stroke-color, var(--hover-card-border-color, var(--color-border)));
     border-left: var(--hover-card-border-width, var(--border-width-sm)) solid
       var(--hover-card-arrow-stroke-color, var(--hover-card-border-color, var(--color-border)));
   }
 
-  @keyframes a1hKKW_hover-card-enter {
+  @keyframes _0VaKFG_hover-card-enter {
     from {
-      opacity: var(--hover-card-content-starting-opacity, 0);
-      translate: var(--hover-card-content-starting-translate-x, 0)
-        var(--hover-card-content-starting-translate-y, 0);
-      scale: var(--hover-card-content-starting-scale, var(--scale-popup));
+      opacity: var(--hover-card-content-starting-opacity, var(--popup-motion-starting-opacity, 0));
+      translate: var(--hover-card-content-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
+        var(--hover-card-content-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
+      scale: var(--hover-card-content-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup)));
     }
   }
 
-  @keyframes a1hKKW_hover-card-exit {
+  @keyframes _0VaKFG_hover-card-exit {
     to {
-      opacity: var(--hover-card-content-ending-opacity, 0);
-      translate: var(--hover-card-content-ending-translate-x, 0)
-        var(--hover-card-content-ending-translate-y, 0);
-      scale: var(--hover-card-content-ending-scale, var(--scale-popup));
+      opacity: var(--hover-card-content-ending-opacity, var(--popup-motion-ending-opacity, 0));
+      translate: var(--hover-card-content-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
+        var(--hover-card-content-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
+      scale: var(--hover-card-content-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup)));
     }
   }
 }