@moduix/react 2.5.0 → 2.6.0

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

@@ -1,38 +1,33 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
+import { forwardRef } from "react";
 import { CloseIcon, FileIcon, TrashIcon, UploadIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { CloseButton } from "../close-button/index.js";
 import FileUpload_module from "./FileUpload.module.js";
-const FileUpload_FileUploadRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const FileUpload_FileUploadRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "file-upload-root",
-        className: clsx(FileUpload_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(FileUpload_module.root, className),
+        ...props
     });
 });
-const FileUpload_FileUploadRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const FileUpload_FileUploadRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "file-upload-root-provider",
-        className: clsx(FileUpload_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(FileUpload_module.root, className),
+        ...props
     });
 });
 const FileUpload_FileUploadLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.Label, {
         ref: ref,
         "data-slot": "file-upload-label",
-        className: clsx(FileUpload_module.label, normalizeClassName(className)),
+        className: clsx(FileUpload_module.label, className),
         ...props
     });
 });
@@ -40,7 +35,7 @@ const FileUpload_FileUploadDropzone = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(FileUpload.Dropzone, {
         ref: ref,
         "data-slot": "file-upload-dropzone",
-        className: clsx(FileUpload_module.dropzone, normalizeClassName(className)),
+        className: clsx(FileUpload_module.dropzone, className),
         ...props
     });
 });
@@ -48,7 +43,7 @@ function FileUploadDropzoneIcon({ className, children, ...props }) {
     return /*#__PURE__*/ jsx(ark.span, {
         "aria-hidden": "true",
         "data-slot": "file-upload-dropzone-icon",
-        className: clsx(FileUpload_module.dropzoneIcon, normalizeClassName(className)),
+        className: clsx(FileUpload_module.dropzoneIcon, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(UploadIcon, {})
     });
@@ -57,28 +52,15 @@ const FileUpload_FileUploadTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(FileUpload.Trigger, {
         ref: ref,
         "data-slot": "file-upload-trigger",
-        className: clsx(FileUpload_module.trigger, normalizeClassName(className)),
+        className: clsx(FileUpload_module.trigger, className),
         ...props
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(FileUpload.HiddenInput, {
-        "data-slot": "file-upload-hidden-input"
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
 const FileUpload_FileUploadItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.ItemGroup, {
         ref: ref,
         "data-slot": "file-upload-item-group",
-        className: clsx(FileUpload_module.itemGroup, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemGroup, className),
         ...props
     });
 });
@@ -86,7 +68,7 @@ const FileUpload_FileUploadItem = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(FileUpload.Item, {
         ref: ref,
         "data-slot": "file-upload-item",
-        className: clsx(FileUpload_module.item, normalizeClassName(className)),
+        className: clsx(FileUpload_module.item, className),
         ...props
     });
 });
@@ -94,7 +76,7 @@ const FileUpload_FileUploadItemPreview = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(FileUpload.ItemPreview, {
         ref: ref,
         "data-slot": "file-upload-item-preview",
-        className: clsx(FileUpload_module.itemPreview, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemPreview, className),
         ...props
     });
 });
@@ -102,14 +84,14 @@ const FileUpload_FileUploadItemPreviewImage = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(FileUpload.ItemPreviewImage, {
         ref: ref,
         "data-slot": "file-upload-item-preview-image",
-        className: clsx(FileUpload_module.itemPreviewImage, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemPreviewImage, className),
         ...props
     });
 });
 function FileUploadItemPreviewIcon({ className, ...props }) {
     return /*#__PURE__*/ jsx(FileIcon, {
         "data-slot": "file-upload-item-preview-icon",
-        className: clsx(FileUpload_module.itemPreviewIcon, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemPreviewIcon, className),
         ...props
     });
 }
@@ -124,7 +106,7 @@ const FileUpload_FileUploadItemName = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(FileUpload.ItemName, {
         ref: ref,
         "data-slot": "file-upload-item-name",
-        className: clsx(FileUpload_module.itemName, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemName, className),
         ...props
     });
 });
@@ -132,14 +114,14 @@ const FileUpload_FileUploadItemSizeText = /*#__PURE__*/ forwardRef(function({ cl
     return /*#__PURE__*/ jsx(FileUpload.ItemSizeText, {
         ref: ref,
         "data-slot": "file-upload-item-size-text",
-        className: clsx(FileUpload_module.itemSizeText, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemSizeText, className),
         ...props
     });
 });
 function FileUploadItemMetadata({ file, className, ...props }) {
     return /*#__PURE__*/ jsxs(ark.div, {
         "data-slot": "file-upload-item-metadata",
-        className: clsx(FileUpload_module.itemMetadata, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemMetadata, className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(ark.span, {
@@ -153,7 +135,7 @@ const FileUpload_FileUploadItemDeleteTrigger = /*#__PURE__*/ forwardRef(function
     return /*#__PURE__*/ jsx(FileUpload.ItemDeleteTrigger, {
         ref: ref,
         "data-slot": "file-upload-item-delete-trigger",
-        className: clsx(FileUpload_module.itemDeleteTrigger, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemDeleteTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(TrashIcon, {})
     });
@@ -163,10 +145,8 @@ function FileUploadItems() {
     return acceptedFiles.map((file)=>/*#__PURE__*/ jsxs(FileUpload_FileUploadItem, {
             file: file,
             children: [
-                isImageFile(file) ? /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
-                    children: /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreviewImage, {})
-                }) : /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
-                    children: /*#__PURE__*/ jsx(FileUploadItemPreviewIcon, {})
+                /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
+                    children: isImageFile(file) ? /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreviewImage, {}) : /*#__PURE__*/ jsx(FileUploadItemPreviewIcon, {})
                 }),
                 /*#__PURE__*/ jsx(FileUpload_FileUploadItemName, {}),
                 /*#__PURE__*/ jsx(FileUploadItemMetadata, {
@@ -180,24 +160,16 @@ function FileUploadItems() {
 }
 const FileUpload_FileUploadClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
     const clearLabel = ariaLabel ?? (null == ariaLabelledBy ? 'Clear files' : void 0);
-    const triggerClassName = clsx(FileUpload_module.clearTrigger, null != children && FileUpload_module.clearTriggerWithContent, normalizeClassName(className));
-    if (asChild) return /*#__PURE__*/ jsx(FileUpload.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "file-upload-clear-trigger",
-        className: triggerClassName,
-        "aria-label": clearLabel,
-        "aria-labelledby": ariaLabelledBy,
-        ...props,
-        children: children
-    });
+    const triggerClassName = clsx(FileUpload_module.clearTrigger, null != children && FileUpload_module.clearTriggerWithContent, className);
     return /*#__PURE__*/ jsx(FileUpload.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "file-upload-clear-trigger",
         className: triggerClassName,
+        "aria-label": asChild ? clearLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": clearLabel,
             "aria-labelledby": ariaLabelledBy,
             children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
@@ -208,6 +180,7 @@ const FileUpload_FileUpload = Object.assign(FileUpload_FileUploadRoot, {
     Root: FileUpload_FileUploadRoot,
     RootProvider: FileUpload_FileUploadRootProvider,
     Context: FileUpload.Context,
+    HiddenInput: FileUpload.HiddenInput,
     Label: FileUpload_FileUploadLabel,
     Dropzone: FileUpload_FileUploadDropzone,
     DropzoneIcon: FileUploadDropzoneIcon,

package/dist/components/file-upload/FileUpload_module.css

@@ -241,10 +241,6 @@
     overflow: hidden;
   }
 
-  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemName-LSyV_n {
-    grid-column: 2;
-  }
-
   .itemSizeText-euWMRd {
     color: var(--moduix-file-upload-item-size-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-file-upload-item-size-font-size, var(--moduix-text-xs));
@@ -252,14 +248,6 @@
     grid-column: 1;
   }
 
-  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemSizeText-euWMRd {
-    grid-column: 2;
-  }
-
-  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemMetadata-EmEskK {
-    grid-column: 2;
-  }
-
   .itemDeleteTrigger-DgPANB {
     box-sizing: border-box;
     width: var(--moduix-file-upload-action-size, var(--moduix-size-sm));
@@ -312,6 +300,10 @@
     grid-row: 1 / span 2;
   }
 
+  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemName-LSyV_n, .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemSizeText-euWMRd, .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemMetadata-EmEskK {
+    grid-column: 2;
+  }
+
   .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemDeleteTrigger-DgPANB {
     grid-column: 3;
   }
@@ -353,7 +345,6 @@
     --moduix-close-button-color: var(--moduix-file-upload-clear-trigger-color, var(--moduix-color-muted-foreground));
     --moduix-close-button-color-hover: var(--moduix-file-upload-action-color-hover, var(--moduix-color-foreground));
     --moduix-close-button-icon-size: var(--moduix-file-upload-action-icon-size, var(--moduix-spacing-4));
-    --moduix-close-button-transition: var(--moduix-file-upload-transition, var(--moduix-transition-default));
     --moduix-close-button-focus-ring-width: var(--moduix-file-upload-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)));
     --moduix-close-button-focus-ring-color: var(--moduix-file-upload-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-file-upload-focus-ring-offset, var(--moduix-border-width-sm));

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

@@ -1,7 +1,7 @@
 import { FloatingPanel as FloatingPanelPrimitive, useFloatingPanel, useFloatingPanelContext, type FloatingPanelResizeTriggerAxis } from '@ark-ui/react/floating-panel';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
-declare const resizeTriggerAxes: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[];
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+declare const resizeTriggerAxes: ("e" | "n" | "ne" | "nw" | "s" | "se" | "sw" | "w")[];
 type FloatingPanelRootProps = ComponentProps<typeof FloatingPanelPrimitive.Root> & OverlayPortalProps;
 type FloatingPanelRootProviderProps = ComponentProps<typeof FloatingPanelPrimitive.RootProvider> & OverlayPortalProps;
 declare function FloatingPanelRoot({ closeOnEscape, lazyMount, persistRect, portalled, portalRef, unmountOnExit, ...props }: FloatingPanelRootProps): import("react").JSX.Element;

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

@@ -5,7 +5,6 @@ import { FloatingPanel, useFloatingPanel, useFloatingPanelContext } from "@ark-u
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { GripIcon, MaximizeIcon, MinusIcon, RestoreIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import FloatingPanel_module from "./FloatingPanel.module.js";
@@ -49,7 +48,7 @@ const FloatingPanel_FloatingPanelTrigger = /*#__PURE__*/ forwardRef(function({ a
         ref: ref,
         asChild: asChild,
         "data-slot": "floating-panel-trigger",
-        className: clsx(!asChild && FloatingPanel_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && FloatingPanel_module.trigger, className),
         ...props
     });
 });
@@ -58,7 +57,7 @@ const FloatingPanel_FloatingPanelPositioner = /*#__PURE__*/ forwardRef(function(
         children: /*#__PURE__*/ jsx(FloatingPanel.Positioner, {
             ref: ref,
             "data-slot": "floating-panel-positioner",
-            className: clsx(FloatingPanel_module.positioner, normalizeClassName(className)),
+            className: clsx(FloatingPanel_module.positioner, className),
             ...props
         })
     });
@@ -67,7 +66,7 @@ const FloatingPanel_FloatingPanelContent = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(FloatingPanel.Content, {
         ref: ref,
         "data-slot": "floating-panel-content",
-        className: clsx(FloatingPanel_module.content, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.content, className),
         ...props
     });
 });
@@ -75,7 +74,7 @@ const FloatingPanel_FloatingPanelDragTrigger = /*#__PURE__*/ forwardRef(function
     return /*#__PURE__*/ jsx(FloatingPanel.DragTrigger, {
         ref: ref,
         "data-slot": "floating-panel-drag-trigger",
-        className: clsx(FloatingPanel_module.dragTrigger, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.dragTrigger, className),
         ...props
     });
 });
@@ -83,7 +82,7 @@ const FloatingPanel_FloatingPanelHeader = /*#__PURE__*/ forwardRef(function({ cl
     return /*#__PURE__*/ jsx(FloatingPanel.Header, {
         ref: ref,
         "data-slot": "floating-panel-header",
-        className: clsx(FloatingPanel_module.header, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.header, className),
         ...props
     });
 });
@@ -91,7 +90,7 @@ const FloatingPanel_FloatingPanelTitle = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(FloatingPanel.Title, {
         ref: ref,
         "data-slot": "floating-panel-title",
-        className: clsx(FloatingPanel_module.title, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.title, className),
         ...props
     });
 });
@@ -99,7 +98,7 @@ const FloatingPanel_FloatingPanelControl = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(FloatingPanel.Control, {
         ref: ref,
         "data-slot": "floating-panel-control",
-        className: clsx(FloatingPanel_module.control, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.control, className),
         ...props
     });
 });
@@ -110,7 +109,7 @@ const FloatingPanel_FloatingPanelStageTrigger = /*#__PURE__*/ forwardRef(functio
         asChild: asChild,
         stage: stage,
         "data-slot": "floating-panel-stage-trigger",
-        className: clsx(!asChild && FloatingPanel_module.controlButton, normalizeClassName(className)),
+        className: clsx(!asChild && FloatingPanel_module.controlButton, className),
         "aria-label": ariaLabel,
         ...props,
         children: [
@@ -126,7 +125,7 @@ const FloatingPanel_FloatingPanelCloseTrigger = /*#__PURE__*/ forwardRef(functio
         ref: ref,
         asChild: asChild,
         "data-slot": "floating-panel-close-trigger",
-        className: clsx(!asChild && FloatingPanel_module.controlButton, normalizeClassName(className)),
+        className: clsx(!asChild && FloatingPanel_module.controlButton, className),
         ...props
     });
 });
@@ -138,7 +137,7 @@ const FloatingPanel_FloatingPanelCloseIcon = /*#__PURE__*/ forwardRef(function({
             ref: ref,
             "data-slot": "floating-panel-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(FloatingPanel_module.controlButton, normalizeClassName(className)),
+            className: clsx(FloatingPanel_module.controlButton, className),
             children: children
         })
     });
@@ -147,7 +146,7 @@ const FloatingPanel_FloatingPanelBody = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(FloatingPanel.Body, {
         ref: ref,
         "data-slot": "floating-panel-body",
-        className: clsx(FloatingPanel_module.body, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.body, className),
         ...props
     });
 });
@@ -158,14 +157,14 @@ const FloatingPanel_FloatingPanelFooter = /*#__PURE__*/ forwardRef(function({ cl
         ...props,
         "data-slot": "floating-panel-footer",
         "data-minimized": dataMinimized,
-        className: clsx(FloatingPanel_module.footer, normalizeClassName(className))
+        className: clsx(FloatingPanel_module.footer, className)
     });
 });
 const FloatingPanel_FloatingPanelResizeTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FloatingPanel.ResizeTrigger, {
         ref: ref,
         "data-slot": "floating-panel-resize-trigger",
-        className: clsx(FloatingPanel_module.resizeTrigger, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.resizeTrigger, className),
         ...props
     });
 });
@@ -181,7 +180,7 @@ const FloatingPanel_FloatingPanelDragIndicator = /*#__PURE__*/ forwardRef(functi
         ref: ref,
         "aria-hidden": "true",
         "data-slot": "floating-panel-drag-indicator",
-        className: clsx(FloatingPanel_module.dragIndicator, normalizeClassName(className)),
+        className: clsx(FloatingPanel_module.dragIndicator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(GripIcon, {})
     });

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

@@ -36,19 +36,6 @@
     background-color: var(--moduix-floating-panel-trigger-bg-active, var(--moduix-floating-panel-trigger-bg-hover, var(--moduix-color-accent)));
   }
 
-  .trigger-awuX4X:focus-visible {
-    outline: var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
-        solid var(--moduix-floating-panel-focus-ring-color, var(--moduix-color-ring));
-    outline-offset: calc(var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
-          -1);
-  }
-
-  .trigger-awuX4X[data-disabled], .trigger-awuX4X[disabled] {
-    pointer-events: none;
-    opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
-    cursor: default;
-  }
-
   .positioner-wbaVAV {
     z-index: var(--z-index, var(--moduix-floating-panel-z-index, var(--moduix-z-popup)));
     outline: 0;
@@ -178,14 +165,14 @@
     }
   }
 
-  .controlButton-E61lzL:focus-visible {
+  .trigger-awuX4X:focus-visible, .controlButton-E61lzL:focus-visible {
     outline: var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
-        solid var(--moduix-floating-panel-focus-ring-color, var(--moduix-color-ring));
+      solid var(--moduix-floating-panel-focus-ring-color, var(--moduix-color-ring));
     outline-offset: calc(var(--moduix-floating-panel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
-          -1);
+        -1);
   }
 
-  .controlButton-E61lzL[data-disabled], .controlButton-E61lzL[disabled] {
+  .trigger-awuX4X:is([data-disabled], [disabled]), .controlButton-E61lzL:is([data-disabled], [disabled]) {
     pointer-events: none;
     opacity: var(--moduix-floating-panel-disabled-opacity, var(--moduix-opacity-disabled));
     cursor: default;

package/dist/components/heading/Heading.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Heading_module from "./Heading.module.js";
 const Heading_elements = {
     h1: ark.h1,
@@ -23,7 +22,7 @@ const Heading_HeadingRoot = /*#__PURE__*/ forwardRef(function({ as, asChild, siz
         "data-slot": "heading-root",
         "data-size": size,
         "data-weight": weight,
-        className: clsx(Heading_module.root, normalizeClassName(className))
+        className: clsx(Heading_module.root, className)
     });
 });
 const Heading = Object.assign(Heading_HeadingRoot, {

package/dist/components/highlight/Highlight.js

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Highlight } from "@ark-ui/react/highlight";
 import { clsx } from "clsx";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Highlight_module from "./Highlight.module.js";
 function HighlightRoot({ className, ...props }) {
     return /*#__PURE__*/ jsx(Highlight, {
-        className: clsx(Highlight_module.root, normalizeClassName(className)),
+        className: clsx(Highlight_module.root, className),
         ...props,
         "data-scope": "highlight",
         "data-part": "root",

package/dist/components/hover-card/HoverCard.d.ts

@@ -1,6 +1,6 @@
 import { HoverCard as HoverCardPrimitive, useHoverCard, useHoverCardContext } from '@ark-ui/react/hover-card';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type HoverCardRootProps = ComponentProps<typeof HoverCardPrimitive.Root> & OverlayPortalProps;
 type HoverCardRootProviderProps = ComponentProps<typeof HoverCardPrimitive.RootProvider> & OverlayPortalProps;
 declare function HoverCardRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: HoverCardRootProps): import("react").JSX.Element;
@@ -13,6 +13,7 @@ declare const HoverCard: typeof HoverCardRoot & {
     Content: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Arrow: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ArrowTip: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
     Context: (props: HoverCardPrimitive.ContextProps) => import("react").ReactNode;
 };
 export { HoverCard, useHoverCard, useHoverCardContext };

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
 import { HoverCard, useHoverCard, useHoverCardContext } from "@ark-ui/react/hover-card";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import HoverCard_module from "./HoverCard.module.js";
 function HoverCardRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
@@ -33,7 +33,7 @@ const HoverCard_HoverCardTrigger = /*#__PURE__*/ forwardRef(function({ asChild,
         ref: ref,
         "data-slot": "hover-card-trigger",
         asChild: asChild,
-        className: clsx(!asChild && HoverCard_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && HoverCard_module.trigger, className),
         ...props
     });
 });
@@ -42,7 +42,7 @@ const HoverCard_HoverCardPositioner = /*#__PURE__*/ forwardRef(function({ classN
         children: /*#__PURE__*/ jsx(HoverCard.Positioner, {
             ref: ref,
             "data-slot": "hover-card-positioner",
-            className: clsx(HoverCard_module.positioner, normalizeClassName(className)),
+            className: clsx(HoverCard_module.positioner, className),
             ...props
         })
     });
@@ -51,7 +51,7 @@ const HoverCard_HoverCardContent = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(HoverCard.Content, {
         ref: ref,
         "data-slot": "hover-card-content",
-        className: clsx(HoverCard_module.content, normalizeClassName(className)),
+        className: clsx(HoverCard_module.content, className),
         ...props
     });
 });
@@ -59,7 +59,7 @@ const HoverCard_HoverCardArrow = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(HoverCard.Arrow, {
         ref: ref,
         "data-slot": "hover-card-arrow",
-        className: clsx(HoverCard_module.arrow, normalizeClassName(className)),
+        className: clsx(HoverCard_module.arrow, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(HoverCard_HoverCardArrowTip, {})
     });
@@ -68,7 +68,15 @@ const HoverCard_HoverCardArrowTip = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(HoverCard.ArrowTip, {
         ref: ref,
         "data-slot": "hover-card-arrow-tip",
-        className: clsx(HoverCard_module.arrowTip, normalizeClassName(className)),
+        className: clsx(HoverCard_module.arrowTip, className),
+        ...props
+    });
+});
+const HoverCard_HoverCardBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "hover-card-body",
+        className: clsx(HoverCard_module.body, className),
         ...props
     });
 });
@@ -80,6 +88,7 @@ const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
     Content: HoverCard_HoverCardContent,
     Arrow: HoverCard_HoverCardArrow,
     ArrowTip: HoverCard_HoverCardArrowTip,
+    Body: HoverCard_HoverCardBody,
     Context: HoverCard.Context
 });
 export { HoverCard_HoverCard as HoverCard, useHoverCard, useHoverCardContext };

package/dist/components/hover-card/HoverCard.module.js

@@ -3,6 +3,7 @@ const HoverCard_module = {
     trigger: "trigger-lDTCiV",
     positioner: "positioner-Knug22",
     content: "content-Su6EOr",
+    body: "body-fS0OHU",
     "hover-card-enter": "hover-card-enter-Yx8tti",
     hoverCardEnter: "hover-card-enter-Yx8tti",
     "hover-card-exit": "hover-card-exit-l3ykob",

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

@@ -59,18 +59,28 @@
     overflow-wrap: anywhere;
     padding: var(--moduix-hover-card-padding-y, var(--moduix-spacing-2))
       var(--moduix-hover-card-padding-x, var(--moduix-spacing-2));
+    border: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-hover-card-border-color, var(--moduix-color-border));
     border-radius: var(--moduix-hover-card-radius, var(--moduix-radius-lg));
     background-color: var(--moduix-hover-card-bg, var(--moduix-color-popover));
     color: var(--moduix-hover-card-color, var(--moduix-color-popover-foreground));
-    outline: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid
-      var(--moduix-hover-card-border-color, var(--moduix-color-border));
     box-shadow: var(--moduix-hover-card-shadow, var(--moduix-shadow-lg));
     transform-origin: var(--transform-origin);
-    border: 0;
+    outline: 0;
     position: relative;
     overflow: visible;
   }
 
+  .content-Su6EOr:has( > .body-fS0OHU) {
+    flex-direction: column;
+    display: flex;
+  }
+
+  .content-Su6EOr:has( > .body-fS0OHU) > .body-fS0OHU {
+    min-block-size: 0;
+    overflow: auto;
+  }
+
   .content-Su6EOr[data-state="open"] {
     animation: hover-card-enter-Yx8tti
         var(--moduix-hover-card-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
@@ -88,6 +98,11 @@
   .arrow-iWKZXG {
     --arrow-size: var(--moduix-hover-card-arrow-size, var(--moduix-spacing-2-5));
     --arrow-background: var(--moduix-hover-card-bg, var(--moduix-color-popover));
+    --arrow-shadow-color: var(--moduix-hover-card-arrow-stroke-color, var(--moduix-hover-card-border-color, var(--moduix-color-border)));
+  }
+
+  .body-fS0OHU {
+    min-block-size: 0;
   }
 
   .arrowTip-Sgqdh6 {

package/dist/components/image/Image.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { Image, Source } from "@unpic/react";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Image_module from "./Image.module.js";
 const Image_ImageRoot = /*#__PURE__*/ forwardRef(function({ className, fetchPriority, fetchpriority, ...props }, ref) {
     return /*#__PURE__*/ jsx(Image, {
@@ -10,7 +9,7 @@ const Image_ImageRoot = /*#__PURE__*/ forwardRef(function({ className, fetchPrio
         ...props,
         fetchpriority: fetchPriority ?? fetchpriority,
         "data-slot": "image-root",
-        className: clsx(Image_module.root, normalizeClassName(className))
+        className: clsx(Image_module.root, className)
     });
 });
 const Image_ImageSource = /*#__PURE__*/ forwardRef(function(props, ref) {

package/dist/components/image-cropper/ImageCropper.d.ts

@@ -8,7 +8,7 @@ declare const ImageCropper: import("react").ForwardRefExoticComponent<Omit<Image
     Selection: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Grid: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.GridProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Handle: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.HandleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    CropArea: import("react").ForwardRefExoticComponent<Omit<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "children" | "asChild"> & {
+    CropArea: import("react").ForwardRefExoticComponent<Omit<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children"> & {
         gridClassName?: string;
         handleClassName?: string;
     }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;