@moduix/solid 1.0.0 → 1.1.0

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

@@ -11,7 +11,7 @@ function FileUploadRoot(props) {
         'children',
         'class'
     ]);
-    return <FileUpload.Root asChild={local.asChild} data-slot="file-upload-root" class={clsx(FileUpload_module.root, local.class)} {...others}>
+    return <FileUpload.Root asChild={local.asChild} class={clsx(FileUpload_module.root, local.class)} {...others} data-slot="file-upload-root">
       {local.children}
     </FileUpload.Root>;
 }
@@ -21,7 +21,7 @@ function FileUploadRootProvider(props) {
         'children',
         'class'
     ]);
-    return <FileUpload.RootProvider asChild={local.asChild} data-slot="file-upload-root-provider" class={clsx(FileUpload_module.root, local.class)} {...others}>
+    return <FileUpload.RootProvider asChild={local.asChild} class={clsx(FileUpload_module.root, local.class)} {...others} data-slot="file-upload-root-provider">
       {local.children}
     </FileUpload.RootProvider>;
 }
@@ -29,13 +29,13 @@ function FileUploadLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.Label data-slot="file-upload-label" class={clsx(FileUpload_module.label, local.class)} {...others}/>;
+    return <FileUpload.Label class={clsx(FileUpload_module.label, local.class)} {...others} data-slot="file-upload-label"/>;
 }
 function FileUploadDropzone(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.Dropzone data-slot="file-upload-dropzone" class={clsx(FileUpload_module.dropzone, local.class)} {...others}/>;
+    return <FileUpload.Dropzone class={clsx(FileUpload_module.dropzone, local.class)} {...others} data-slot="file-upload-dropzone"/>;
 }
 function FileUploadDropzoneIcon(props) {
     const [local, others] = splitProps(props, [
@@ -43,7 +43,7 @@ function FileUploadDropzoneIcon(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <ark.span aria-hidden="true" data-slot="file-upload-dropzone-icon" class={clsx(FileUpload_module.dropzoneIcon, local.class)} {...others}>
+    return <ark.span aria-hidden="true" class={clsx(FileUpload_module.dropzoneIcon, local.class)} {...others} data-slot="file-upload-dropzone-icon">
       {resolvedChildren() ?? <UploadIcon/>}
     </ark.span>;
 }
@@ -51,37 +51,37 @@ function FileUploadTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.Trigger data-slot="file-upload-trigger" class={clsx(FileUpload_module.trigger, local.class)} {...others}/>;
+    return <FileUpload.Trigger class={clsx(FileUpload_module.trigger, local.class)} {...others} data-slot="file-upload-trigger"/>;
 }
 function FileUploadItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.ItemGroup data-slot="file-upload-item-group" class={clsx(FileUpload_module.itemGroup, local.class)} {...others}/>;
+    return <FileUpload.ItemGroup class={clsx(FileUpload_module.itemGroup, local.class)} {...others} data-slot="file-upload-item-group"/>;
 }
 function FileUploadItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.Item data-slot="file-upload-item" class={clsx(FileUpload_module.item, local.class)} {...others}/>;
+    return <FileUpload.Item class={clsx(FileUpload_module.item, local.class)} {...others} data-slot="file-upload-item"/>;
 }
 function FileUploadItemPreview(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.ItemPreview data-slot="file-upload-item-preview" class={clsx(FileUpload_module.itemPreview, local.class)} {...others}/>;
+    return <FileUpload.ItemPreview class={clsx(FileUpload_module.itemPreview, local.class)} {...others} data-slot="file-upload-item-preview"/>;
 }
 function FileUploadItemPreviewImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.ItemPreviewImage data-slot="file-upload-item-preview-image" class={clsx(FileUpload_module.itemPreviewImage, local.class)} {...others}/>;
+    return <FileUpload.ItemPreviewImage class={clsx(FileUpload_module.itemPreviewImage, local.class)} {...others} data-slot="file-upload-item-preview-image"/>;
 }
 function FileUploadItemPreviewIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileIcon data-slot="file-upload-item-preview-icon" class={clsx(FileUpload_module.itemPreviewIcon, local.class)} {...others}/>;
+    return <FileIcon class={clsx(FileUpload_module.itemPreviewIcon, local.class)} {...others} data-slot="file-upload-item-preview-icon"/>;
 }
 function getFileTypeLabel(file) {
     const extension = file.name.split('.').pop();
@@ -94,20 +94,20 @@ function FileUploadItemName(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.ItemName data-slot="file-upload-item-name" class={clsx(FileUpload_module.itemName, local.class)} {...others}/>;
+    return <FileUpload.ItemName class={clsx(FileUpload_module.itemName, local.class)} {...others} data-slot="file-upload-item-name"/>;
 }
 function FileUploadItemSizeText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FileUpload.ItemSizeText data-slot="file-upload-item-size-text" class={clsx(FileUpload_module.itemSizeText, local.class)} {...others}/>;
+    return <FileUpload.ItemSizeText class={clsx(FileUpload_module.itemSizeText, local.class)} {...others} data-slot="file-upload-item-size-text"/>;
 }
 function FileUploadItemMetadata(props) {
     const [local, others] = splitProps(props, [
         'class',
         'file'
     ]);
-    return <ark.div data-slot="file-upload-item-metadata" class={clsx(FileUpload_module.itemMetadata, local.class)} {...others}>
+    return <ark.div class={clsx(FileUpload_module.itemMetadata, local.class)} {...others} data-slot="file-upload-item-metadata">
       <ark.span>{getFileTypeLabel(local.file)}</ark.span>
       <FileUploadItemSizeText/>
     </ark.div>;
@@ -118,7 +118,7 @@ function FileUploadItemDeleteTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <FileUpload.ItemDeleteTrigger data-slot="file-upload-item-delete-trigger" class={clsx(FileUpload_module.itemDeleteTrigger, local.class)} {...others}>
+    return <FileUpload.ItemDeleteTrigger class={clsx(FileUpload_module.itemDeleteTrigger, local.class)} {...others} data-slot="file-upload-item-delete-trigger">
       {resolvedChildren() ?? <TrashIcon/>}
     </FileUpload.ItemDeleteTrigger>;
 }
@@ -148,12 +148,12 @@ function FileUploadClearTrigger(props) {
     const resolvedChildren = children(()=>local.children);
     const clearLabel = ()=>local['aria-label'] ?? (null == local['aria-labelledby'] ? 'Clear files' : void 0);
     const triggerClass = ()=>clsx(FileUpload_module.clearTrigger, null != local.children && FileUpload_module.clearTriggerWithContent, local.class);
-    if (local.asChild) return <FileUpload.ClearTrigger asChild={local.asChild} data-slot="file-upload-clear-trigger" class={triggerClass()} aria-label={clearLabel()} aria-labelledby={local['aria-labelledby']} {...others}>
+    if (local.asChild) return <FileUpload.ClearTrigger asChild={local.asChild} class={triggerClass()} aria-label={clearLabel()} aria-labelledby={local['aria-labelledby']} {...others} data-slot="file-upload-clear-trigger">
         {resolvedChildren()}
       </FileUpload.ClearTrigger>;
     return <FileUpload.ClearTrigger asChild={(triggerProps)=><CloseButton.Root {...triggerProps()} aria-label={clearLabel()} aria-labelledby={local['aria-labelledby']}>
           {resolvedChildren() ?? <CloseIcon/>}
-        </CloseButton.Root>} data-slot="file-upload-clear-trigger" class={triggerClass()} {...others}/>;
+        </CloseButton.Root>} class={triggerClass()} {...others} data-slot="file-upload-clear-trigger"/>;
 }
 const FileUpload_FileUpload = Object.assign(FileUploadRoot, {
     Root: FileUploadRoot,

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

@@ -7,7 +7,7 @@ import { GripIcon, MaximizeIcon, MinusIcon, RestoreIcon } from "../../internal/i
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import FloatingPanel_module from "./FloatingPanel.module.js";
-var _tmpl$ = /*#__PURE__*/ template("<span aria-hidden=true data-slot=floating-panel-drag-indicator>");
+var _tmpl$ = /*#__PURE__*/ template("<span aria-hidden=true>");
 const DEFAULT_CLOSE_BUTTON_LABEL = 'Close panel';
 const resizeTriggerAxes = [
     'n',
@@ -98,11 +98,12 @@ function FloatingPanelTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "floating-panel-trigger",
         get ["class"] () {
             return clsx(!local.asChild && FloatingPanel_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-trigger"
+    }));
 }
 function FloatingPanelPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -111,11 +112,12 @@ function FloatingPanelPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(FloatingPanel.Positioner, mergeProps({
-                "data-slot": "floating-panel-positioner",
                 get ["class"] () {
                     return clsx(FloatingPanel_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "floating-panel-positioner"
+            }));
         }
     });
 }
@@ -124,55 +126,60 @@ function FloatingPanelContent(props) {
         'class'
     ]);
     return createComponent(FloatingPanel.Content, mergeProps({
-        "data-slot": "floating-panel-content",
         get ["class"] () {
             return clsx(FloatingPanel_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-content"
+    }));
 }
 function FloatingPanelDragTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FloatingPanel.DragTrigger, mergeProps({
-        "data-slot": "floating-panel-drag-trigger",
         get ["class"] () {
             return clsx(FloatingPanel_module.dragTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-drag-trigger"
+    }));
 }
 function FloatingPanelHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FloatingPanel.Header, mergeProps({
-        "data-slot": "floating-panel-header",
         get ["class"] () {
             return clsx(FloatingPanel_module.header, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-header"
+    }));
 }
 function FloatingPanelTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FloatingPanel.Title, mergeProps({
-        "data-slot": "floating-panel-title",
         get ["class"] () {
             return clsx(FloatingPanel_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-title"
+    }));
 }
 function FloatingPanelControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FloatingPanel.Control, mergeProps({
-        "data-slot": "floating-panel-control",
         get ["class"] () {
             return clsx(FloatingPanel_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-control"
+    }));
 }
 function FloatingPanelStageTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -191,7 +198,6 @@ function FloatingPanelStageTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "floating-panel-stage-trigger",
         get ["class"] () {
             return clsx(!local.asChild && FloatingPanel_module.controlButton, local.class);
         },
@@ -199,6 +205,7 @@ function FloatingPanelStageTrigger(props) {
             return local.stage;
         }
     }, others, {
+        "data-slot": "floating-panel-stage-trigger",
         get children () {
             return [
                 memo(()=>resolvedChildren()),
@@ -218,11 +225,12 @@ function FloatingPanelCloseTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "floating-panel-close-trigger",
         get ["class"] () {
             return clsx(!local.asChild && FloatingPanel_module.controlButton, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-close-trigger"
+    }));
 }
 function FloatingPanelCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -255,11 +263,12 @@ function FloatingPanelBody(props) {
         'class'
     ]);
     return createComponent(FloatingPanel.Body, mergeProps({
-        "data-slot": "floating-panel-body",
         get ["class"] () {
             return clsx(FloatingPanel_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-body"
+    }));
 }
 function FloatingPanelFooter(props) {
     const [local, others] = splitProps(props, [
@@ -281,11 +290,12 @@ function FloatingPanelResizeTrigger(props) {
         'class'
     ]);
     return createComponent(FloatingPanel.ResizeTrigger, mergeProps({
-        "data-slot": "floating-panel-resize-trigger",
         get ["class"] () {
             return clsx(FloatingPanel_module.resizeTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "floating-panel-resize-trigger"
+    }));
 }
 function FloatingPanelResizeTriggerGroup(props) {
     return createComponent(For, {
@@ -309,7 +319,9 @@ function FloatingPanelDragIndicator(props) {
             get ["class"] () {
                 return clsx(FloatingPanel_module.dragIndicator, local.class);
             }
-        }, others), false, true);
+        }, others, {
+            "data-slot": "floating-panel-drag-indicator"
+        }), false, true);
         insert(_el$, ()=>resolvedChildren() ?? createComponent(GripIcon, {}));
         return _el$;
     })();

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

@@ -52,45 +52,45 @@ function FloatingPanelTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <FloatingPanel.Trigger asChild={local.asChild} data-slot="floating-panel-trigger" class={clsx(!local.asChild && FloatingPanel_module.trigger, local.class)} {...others}/>;
+    return <FloatingPanel.Trigger asChild={local.asChild} class={clsx(!local.asChild && FloatingPanel_module.trigger, local.class)} {...others} data-slot="floating-panel-trigger"/>;
 }
 function FloatingPanelPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <FloatingPanel.Positioner data-slot="floating-panel-positioner" class={clsx(FloatingPanel_module.positioner, local.class)} {...others}/>
+      <FloatingPanel.Positioner class={clsx(FloatingPanel_module.positioner, local.class)} {...others} data-slot="floating-panel-positioner"/>
     </OverlayPortal>;
 }
 function FloatingPanelContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Content data-slot="floating-panel-content" class={clsx(FloatingPanel_module.content, local.class)} {...others}/>;
+    return <FloatingPanel.Content class={clsx(FloatingPanel_module.content, local.class)} {...others} data-slot="floating-panel-content"/>;
 }
 function FloatingPanelDragTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.DragTrigger data-slot="floating-panel-drag-trigger" class={clsx(FloatingPanel_module.dragTrigger, local.class)} {...others}/>;
+    return <FloatingPanel.DragTrigger class={clsx(FloatingPanel_module.dragTrigger, local.class)} {...others} data-slot="floating-panel-drag-trigger"/>;
 }
 function FloatingPanelHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Header data-slot="floating-panel-header" class={clsx(FloatingPanel_module.header, local.class)} {...others}/>;
+    return <FloatingPanel.Header class={clsx(FloatingPanel_module.header, local.class)} {...others} data-slot="floating-panel-header"/>;
 }
 function FloatingPanelTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Title data-slot="floating-panel-title" class={clsx(FloatingPanel_module.title, local.class)} {...others}/>;
+    return <FloatingPanel.Title class={clsx(FloatingPanel_module.title, local.class)} {...others} data-slot="floating-panel-title"/>;
 }
 function FloatingPanelControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Control data-slot="floating-panel-control" class={clsx(FloatingPanel_module.control, local.class)} {...others}/>;
+    return <FloatingPanel.Control class={clsx(FloatingPanel_module.control, local.class)} {...others} data-slot="floating-panel-control"/>;
 }
 function FloatingPanelStageTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -102,7 +102,7 @@ function FloatingPanelStageTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const shouldRenderDefaultIcon = ()=>null == local.children && !local.asChild;
-    return <FloatingPanel.StageTrigger aria-label={local['aria-label']} asChild={local.asChild} data-slot="floating-panel-stage-trigger" class={clsx(!local.asChild && FloatingPanel_module.controlButton, local.class)} stage={local.stage} {...others}>
+    return <FloatingPanel.StageTrigger aria-label={local['aria-label']} asChild={local.asChild} class={clsx(!local.asChild && FloatingPanel_module.controlButton, local.class)} stage={local.stage} {...others} data-slot="floating-panel-stage-trigger">
       {resolvedChildren()}
       {shouldRenderDefaultIcon() && 'minimized' === local.stage ? <MinusIcon/> : null}
       {shouldRenderDefaultIcon() && 'maximized' === local.stage ? <MaximizeIcon/> : null}
@@ -114,7 +114,7 @@ function FloatingPanelCloseTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <FloatingPanel.CloseTrigger asChild={local.asChild} data-slot="floating-panel-close-trigger" class={clsx(!local.asChild && FloatingPanel_module.controlButton, local.class)} {...others}/>;
+    return <FloatingPanel.CloseTrigger asChild={local.asChild} class={clsx(!local.asChild && FloatingPanel_module.controlButton, local.class)} {...others} data-slot="floating-panel-close-trigger"/>;
 }
 function FloatingPanelCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -132,7 +132,7 @@ function FloatingPanelBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Body data-slot="floating-panel-body" class={clsx(FloatingPanel_module.body, local.class)} {...others}/>;
+    return <FloatingPanel.Body class={clsx(FloatingPanel_module.body, local.class)} {...others} data-slot="floating-panel-body"/>;
 }
 function FloatingPanelFooter(props) {
     const [local, others] = splitProps(props, [
@@ -145,7 +145,7 @@ function FloatingPanelResizeTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.ResizeTrigger data-slot="floating-panel-resize-trigger" class={clsx(FloatingPanel_module.resizeTrigger, local.class)} {...others}/>;
+    return <FloatingPanel.ResizeTrigger class={clsx(FloatingPanel_module.resizeTrigger, local.class)} {...others} data-slot="floating-panel-resize-trigger"/>;
 }
 function FloatingPanelResizeTriggerGroup(props) {
     return <For each={props.axes ?? resizeTriggerAxes}>
@@ -158,7 +158,7 @@ function FloatingPanelDragIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <span aria-hidden="true" data-slot="floating-panel-drag-indicator" class={clsx(FloatingPanel_module.dragIndicator, local.class)} {...others}>
+    return <span aria-hidden="true" class={clsx(FloatingPanel_module.dragIndicator, local.class)} {...others} data-slot="floating-panel-drag-indicator">
       {resolvedChildren() ?? <GripIcon/>}
     </span>;
 }

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

@@ -76,11 +76,12 @@ function HoverCardTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "hover-card-trigger",
         get ["class"] () {
             return clsx(!local.asChild && HoverCard_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-trigger"
+    }));
 }
 function HoverCardPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -89,11 +90,12 @@ function HoverCardPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(HoverCard.Positioner, mergeProps({
-                "data-slot": "hover-card-positioner",
                 get ["class"] () {
                     return clsx(HoverCard_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "hover-card-positioner"
+            }));
         }
     });
 }
@@ -102,11 +104,12 @@ function HoverCardContent(props) {
         'class'
     ]);
     return createComponent(HoverCard.Content, mergeProps({
-        "data-slot": "hover-card-content",
         get ["class"] () {
             return clsx(HoverCard_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-content"
+    }));
 }
 function HoverCardArrow(props) {
     const [local, others] = splitProps(props, [
@@ -115,11 +118,11 @@ function HoverCardArrow(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(HoverCard.Arrow, mergeProps({
-        "data-slot": "hover-card-arrow",
         get ["class"] () {
             return clsx(HoverCard_module.arrow, local.class);
         }
     }, others, {
+        "data-slot": "hover-card-arrow",
         get children () {
             return resolvedChildren() ?? createComponent(HoverCardArrowTip, {});
         }
@@ -130,11 +133,12 @@ function HoverCardArrowTip(props) {
         'class'
     ]);
     return createComponent(HoverCard.ArrowTip, mergeProps({
-        "data-slot": "hover-card-arrow-tip",
         get ["class"] () {
             return clsx(HoverCard_module.arrowTip, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-arrow-tip"
+    }));
 }
 function HoverCardBody(props) {
     const [local, others] = splitProps(props, [
@@ -145,11 +149,12 @@ function HoverCardBody(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "hover-card-body",
         get ["class"] () {
             return clsx(HoverCard_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-body"
+    }));
 }
 const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
     Root: HoverCardRoot,

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

@@ -37,21 +37,21 @@ function HoverCardTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <HoverCard.Trigger asChild={local.asChild} data-slot="hover-card-trigger" class={clsx(!local.asChild && HoverCard_module.trigger, local.class)} {...others}/>;
+    return <HoverCard.Trigger asChild={local.asChild} class={clsx(!local.asChild && HoverCard_module.trigger, local.class)} {...others} data-slot="hover-card-trigger"/>;
 }
 function HoverCardPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <HoverCard.Positioner data-slot="hover-card-positioner" class={clsx(HoverCard_module.positioner, local.class)} {...others}/>
+      <HoverCard.Positioner class={clsx(HoverCard_module.positioner, local.class)} {...others} data-slot="hover-card-positioner"/>
     </OverlayPortal>;
 }
 function HoverCardContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <HoverCard.Content data-slot="hover-card-content" class={clsx(HoverCard_module.content, local.class)} {...others}/>;
+    return <HoverCard.Content class={clsx(HoverCard_module.content, local.class)} {...others} data-slot="hover-card-content"/>;
 }
 function HoverCardArrow(props) {
     const [local, others] = splitProps(props, [
@@ -59,7 +59,7 @@ function HoverCardArrow(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <HoverCard.Arrow data-slot="hover-card-arrow" class={clsx(HoverCard_module.arrow, local.class)} {...others}>
+    return <HoverCard.Arrow class={clsx(HoverCard_module.arrow, local.class)} {...others} data-slot="hover-card-arrow">
       {resolvedChildren() ?? <HoverCardArrowTip/>}
     </HoverCard.Arrow>;
 }
@@ -67,14 +67,14 @@ function HoverCardArrowTip(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <HoverCard.ArrowTip data-slot="hover-card-arrow-tip" class={clsx(HoverCard_module.arrowTip, local.class)} {...others}/>;
+    return <HoverCard.ArrowTip class={clsx(HoverCard_module.arrowTip, local.class)} {...others} data-slot="hover-card-arrow-tip"/>;
 }
 function HoverCardBody(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <ark.div asChild={local.asChild} data-slot="hover-card-body" class={clsx(HoverCard_module.body, local.class)} {...others}/>;
+    return <ark.div asChild={local.asChild} class={clsx(HoverCard_module.body, local.class)} {...others} data-slot="hover-card-body"/>;
 }
 const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
     Root: HoverCardRoot,

package/dist/components/image-cropper/ImageCropper.js

@@ -8,77 +8,84 @@ function ImageCropperRoot(props) {
         'class'
     ]);
     return createComponent(ImageCropper.Root, mergeProps({
-        "data-slot": "image-cropper-root",
         get ["class"] () {
             return clsx(ImageCropper_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-root"
+    }));
 }
 function ImageCropperRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.RootProvider, mergeProps({
-        "data-slot": "image-cropper-root-provider",
         get ["class"] () {
             return clsx(ImageCropper_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-root-provider"
+    }));
 }
 function ImageCropperViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Viewport, mergeProps({
-        "data-slot": "image-cropper-viewport",
         get ["class"] () {
             return clsx(ImageCropper_module.viewport, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-viewport"
+    }));
 }
 function ImageCropperImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Image, mergeProps({
-        "data-slot": "image-cropper-image",
         get ["class"] () {
             return clsx(ImageCropper_module.image, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-image"
+    }));
 }
 function ImageCropperSelection(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Selection, mergeProps({
-        "data-slot": "image-cropper-selection",
         get ["class"] () {
             return clsx(ImageCropper_module.selection, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-selection"
+    }));
 }
 function ImageCropperGrid(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Grid, mergeProps({
-        "data-slot": "image-cropper-grid",
         get ["class"] () {
             return clsx(ImageCropper_module.grid, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-grid"
+    }));
 }
 function ImageCropperHandle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Handle, mergeProps({
-        "data-slot": "image-cropper-handle",
         get ["class"] () {
             return clsx(ImageCropper_module.handle, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-handle"
+    }));
 }
 function ImageCropperCropArea(props) {
     const [local, others] = splitProps(props, [