@moduix/solid 1.0.0 → 1.1.0

package/dist/components/drawer/Drawer.jsx

@@ -48,14 +48,14 @@ function DrawerTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <Drawer.Trigger asChild={local.asChild} data-slot="drawer-trigger" class={clsx(!local.asChild && Drawer_module.trigger, local.class)} {...others}/>;
+    return <Drawer.Trigger asChild={local.asChild} class={clsx(!local.asChild && Drawer_module.trigger, local.class)} {...others} data-slot="drawer-trigger"/>;
 }
 function DrawerBackdrop(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <Drawer.Backdrop data-slot="drawer-backdrop" class={clsx(Drawer_module.backdrop, local.class)} {...others}/>
+      <Drawer.Backdrop class={clsx(Drawer_module.backdrop, local.class)} {...others} data-slot="drawer-backdrop"/>
     </OverlayPortal>;
 }
 function DrawerPositioner(props) {
@@ -63,7 +63,7 @@ function DrawerPositioner(props) {
         'class'
     ]);
     return <OverlayPortal>
-      <Drawer.Positioner data-slot="drawer-positioner" class={clsx(Drawer_module.positioner, local.class)} {...others}/>
+      <Drawer.Positioner class={clsx(Drawer_module.positioner, local.class)} {...others} data-slot="drawer-positioner"/>
     </OverlayPortal>;
 }
 function DrawerContent(props) {
@@ -73,38 +73,38 @@ function DrawerContent(props) {
         'variant'
     ]);
     const rootVariant = useContext(DrawerVariantContext);
-    return <Drawer.Content data-slot="drawer-content" data-variant={local.variant ?? rootVariant} class={clsx(Drawer_module.content, local.class)} draggable={local.draggable ?? true} {...others}/>;
+    return <Drawer.Content data-variant={local.variant ?? rootVariant} class={clsx(Drawer_module.content, local.class)} draggable={local.draggable ?? true} {...others} data-slot="drawer-content"/>;
 }
 function DrawerGrabber(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.Grabber data-slot="drawer-grabber" class={clsx(Drawer_module.grabber, local.class)} {...others}/>;
+    return <Drawer.Grabber class={clsx(Drawer_module.grabber, local.class)} {...others} data-slot="drawer-grabber"/>;
 }
 function DrawerGrabberIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.GrabberIndicator data-slot="drawer-grabber-indicator" class={clsx(Drawer_module.grabberIndicator, local.class)} {...others}/>;
+    return <Drawer.GrabberIndicator class={clsx(Drawer_module.grabberIndicator, local.class)} {...others} data-slot="drawer-grabber-indicator"/>;
 }
 function DrawerTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.Title data-slot="drawer-title" class={clsx(Drawer_module.title, local.class)} {...others}/>;
+    return <Drawer.Title class={clsx(Drawer_module.title, local.class)} {...others} data-slot="drawer-title"/>;
 }
 function DrawerDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.Description data-slot="drawer-description" class={clsx(Drawer_module.description, local.class)} {...others}/>;
+    return <Drawer.Description class={clsx(Drawer_module.description, local.class)} {...others} data-slot="drawer-description"/>;
 }
 function DrawerCloseTrigger(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <Drawer.CloseTrigger asChild={local.asChild} data-slot="drawer-close-trigger" class={clsx(!local.asChild && Drawer_module.closeTrigger, local.class)} {...others}/>;
+    return <Drawer.CloseTrigger asChild={local.asChild} class={clsx(!local.asChild && Drawer_module.closeTrigger, local.class)} {...others} data-slot="drawer-close-trigger"/>;
 }
 function DrawerCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -122,37 +122,37 @@ function DrawerSwipeArea(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.SwipeArea data-slot="drawer-swipe-area" class={clsx(Drawer_module.swipeArea, local.class)} {...others}/>;
+    return <Drawer.SwipeArea class={clsx(Drawer_module.swipeArea, local.class)} {...others} data-slot="drawer-swipe-area"/>;
 }
 function DrawerIndent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.Indent data-slot="drawer-indent" class={clsx(Drawer_module.indent, local.class)} {...others}/>;
+    return <Drawer.Indent class={clsx(Drawer_module.indent, local.class)} {...others} data-slot="drawer-indent"/>;
 }
 function DrawerIndentBackground(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Drawer.IndentBackground data-slot="drawer-indent-background" class={clsx(Drawer_module.indentBackground, local.class)} {...others}/>;
+    return <Drawer.IndentBackground class={clsx(Drawer_module.indentBackground, local.class)} {...others} data-slot="drawer-indent-background"/>;
 }
 function DrawerHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="drawer-header" class={clsx(Drawer_module.header, local.class)} {...others}/>;
+    return <ark.div class={clsx(Drawer_module.header, local.class)} {...others} data-slot="drawer-header"/>;
 }
 function DrawerBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="drawer-body" class={clsx(Drawer_module.body, local.class)} {...others}/>;
+    return <ark.div class={clsx(Drawer_module.body, local.class)} {...others} data-slot="drawer-body"/>;
 }
 function DrawerFooter(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-slot="drawer-footer" class={clsx(Drawer_module.footer, local.class)} {...others}/>;
+    return <ark.div class={clsx(Drawer_module.footer, local.class)} {...others} data-slot="drawer-footer"/>;
 }
 const Drawer_Drawer = Object.assign(DrawerRoot, {
     Root: DrawerRoot,

package/dist/components/editable/Editable.js

@@ -10,80 +10,87 @@ function EditableRoot(props) {
         'class'
     ]);
     return createComponent(Editable.Root, mergeProps({
-        "data-slot": "editable-root",
         get activationMode () {
             return local.activationMode ?? 'dblclick';
         },
         get ["class"] () {
             return clsx(Editable_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-root"
+    }));
 }
 function EditableRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Editable.RootProvider, mergeProps({
-        "data-slot": "editable-root-provider",
         get ["class"] () {
             return clsx(Editable_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-root-provider"
+    }));
 }
 function EditableLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Editable.Label, mergeProps({
-        "data-slot": "editable-label",
         get ["class"] () {
             return clsx(Editable_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-label"
+    }));
 }
 function EditableArea(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Editable.Area, mergeProps({
-        "data-slot": "editable-area",
         get ["class"] () {
             return clsx(Editable_module.area, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-area"
+    }));
 }
 function EditableInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Editable.Input, mergeProps({
-        "data-slot": "editable-input",
         get ["class"] () {
             return clsx(Editable_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-input"
+    }));
 }
 function EditablePreview(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Editable.Preview, mergeProps({
-        "data-slot": "editable-preview",
         get ["class"] () {
             return clsx(Editable_module.preview, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-preview"
+    }));
 }
 function EditableControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Editable.Control, mergeProps({
-        "data-slot": "editable-control",
         get ["class"] () {
             return clsx(Editable_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "editable-control"
+    }));
 }
 function EditableEditTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -92,11 +99,11 @@ function EditableEditTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Editable.EditTrigger, mergeProps({
-        "data-slot": "editable-edit-trigger",
         get ["class"] () {
             return clsx(Editable_module.trigger, local.class);
         }
     }, others, {
+        "data-slot": "editable-edit-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(PencilIcon, {});
         }
@@ -109,11 +116,11 @@ function EditableSubmitTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Editable.SubmitTrigger, mergeProps({
-        "data-slot": "editable-submit-trigger",
         get ["class"] () {
             return clsx(Editable_module.trigger, local.class);
         }
     }, others, {
+        "data-slot": "editable-submit-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(CheckIcon, {});
         }
@@ -126,11 +133,11 @@ function EditableCancelTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Editable.CancelTrigger, mergeProps({
-        "data-slot": "editable-cancel-trigger",
         get ["class"] () {
             return clsx(Editable_module.trigger, local.class);
         }
     }, others, {
+        "data-slot": "editable-cancel-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(CloseIcon, {});
         }

package/dist/components/editable/Editable.jsx

@@ -8,43 +8,43 @@ function EditableRoot(props) {
         'activationMode',
         'class'
     ]);
-    return <Editable.Root data-slot="editable-root" activationMode={local.activationMode ?? 'dblclick'} class={clsx(Editable_module.root, local.class)} {...others}/>;
+    return <Editable.Root activationMode={local.activationMode ?? 'dblclick'} class={clsx(Editable_module.root, local.class)} {...others} data-slot="editable-root"/>;
 }
 function EditableRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Editable.RootProvider data-slot="editable-root-provider" class={clsx(Editable_module.root, local.class)} {...others}/>;
+    return <Editable.RootProvider class={clsx(Editable_module.root, local.class)} {...others} data-slot="editable-root-provider"/>;
 }
 function EditableLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Editable.Label data-slot="editable-label" class={clsx(Editable_module.label, local.class)} {...others}/>;
+    return <Editable.Label class={clsx(Editable_module.label, local.class)} {...others} data-slot="editable-label"/>;
 }
 function EditableArea(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Editable.Area data-slot="editable-area" class={clsx(Editable_module.area, local.class)} {...others}/>;
+    return <Editable.Area class={clsx(Editable_module.area, local.class)} {...others} data-slot="editable-area"/>;
 }
 function EditableInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Editable.Input data-slot="editable-input" class={clsx(Editable_module.input, local.class)} {...others}/>;
+    return <Editable.Input class={clsx(Editable_module.input, local.class)} {...others} data-slot="editable-input"/>;
 }
 function EditablePreview(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Editable.Preview data-slot="editable-preview" class={clsx(Editable_module.preview, local.class)} {...others}/>;
+    return <Editable.Preview class={clsx(Editable_module.preview, local.class)} {...others} data-slot="editable-preview"/>;
 }
 function EditableControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Editable.Control data-slot="editable-control" class={clsx(Editable_module.control, local.class)} {...others}/>;
+    return <Editable.Control class={clsx(Editable_module.control, local.class)} {...others} data-slot="editable-control"/>;
 }
 function EditableEditTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -52,7 +52,7 @@ function EditableEditTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Editable.EditTrigger data-slot="editable-edit-trigger" class={clsx(Editable_module.trigger, local.class)} {...others}>
+    return <Editable.EditTrigger class={clsx(Editable_module.trigger, local.class)} {...others} data-slot="editable-edit-trigger">
       {resolvedChildren() ?? <PencilIcon/>}
     </Editable.EditTrigger>;
 }
@@ -62,7 +62,7 @@ function EditableSubmitTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Editable.SubmitTrigger data-slot="editable-submit-trigger" class={clsx(Editable_module.trigger, local.class)} {...others}>
+    return <Editable.SubmitTrigger class={clsx(Editable_module.trigger, local.class)} {...others} data-slot="editable-submit-trigger">
       {resolvedChildren() ?? <CheckIcon/>}
     </Editable.SubmitTrigger>;
 }
@@ -72,7 +72,7 @@ function EditableCancelTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Editable.CancelTrigger data-slot="editable-cancel-trigger" class={clsx(Editable_module.trigger, local.class)} {...others}>
+    return <Editable.CancelTrigger class={clsx(Editable_module.trigger, local.class)} {...others} data-slot="editable-cancel-trigger">
       {resolvedChildren() ?? <CloseIcon/>}
     </Editable.CancelTrigger>;
 }

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

@@ -16,11 +16,11 @@ function FileUploadRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "file-upload-root",
         get ["class"] () {
             return clsx(FileUpload_module.root, local.class);
         }
     }, others, {
+        "data-slot": "file-upload-root",
         get children () {
             return local.children;
         }
@@ -36,11 +36,11 @@ function FileUploadRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "file-upload-root-provider",
         get ["class"] () {
             return clsx(FileUpload_module.root, local.class);
         }
     }, others, {
+        "data-slot": "file-upload-root-provider",
         get children () {
             return local.children;
         }
@@ -51,22 +51,24 @@ function FileUploadLabel(props) {
         'class'
     ]);
     return createComponent(FileUpload.Label, mergeProps({
-        "data-slot": "file-upload-label",
         get ["class"] () {
             return clsx(FileUpload_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-label"
+    }));
 }
 function FileUploadDropzone(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileUpload.Dropzone, mergeProps({
-        "data-slot": "file-upload-dropzone",
         get ["class"] () {
             return clsx(FileUpload_module.dropzone, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-dropzone"
+    }));
 }
 function FileUploadDropzoneIcon(props) {
     const [local, others] = splitProps(props, [
@@ -76,11 +78,11 @@ function FileUploadDropzoneIcon(props) {
     const resolvedChildren = children(()=>local.children);
     return createComponent(ark.span, mergeProps({
         "aria-hidden": "true",
-        "data-slot": "file-upload-dropzone-icon",
         get ["class"] () {
             return clsx(FileUpload_module.dropzoneIcon, local.class);
         }
     }, others, {
+        "data-slot": "file-upload-dropzone-icon",
         get children () {
             return resolvedChildren() ?? createComponent(UploadIcon, {});
         }
@@ -91,66 +93,72 @@ function FileUploadTrigger(props) {
         'class'
     ]);
     return createComponent(FileUpload.Trigger, mergeProps({
-        "data-slot": "file-upload-trigger",
         get ["class"] () {
             return clsx(FileUpload_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-trigger"
+    }));
 }
 function FileUploadItemGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileUpload.ItemGroup, mergeProps({
-        "data-slot": "file-upload-item-group",
         get ["class"] () {
             return clsx(FileUpload_module.itemGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item-group"
+    }));
 }
 function FileUploadItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileUpload.Item, mergeProps({
-        "data-slot": "file-upload-item",
         get ["class"] () {
             return clsx(FileUpload_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item"
+    }));
 }
 function FileUploadItemPreview(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileUpload.ItemPreview, mergeProps({
-        "data-slot": "file-upload-item-preview",
         get ["class"] () {
             return clsx(FileUpload_module.itemPreview, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item-preview"
+    }));
 }
 function FileUploadItemPreviewImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileUpload.ItemPreviewImage, mergeProps({
-        "data-slot": "file-upload-item-preview-image",
         get ["class"] () {
             return clsx(FileUpload_module.itemPreviewImage, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item-preview-image"
+    }));
 }
 function FileUploadItemPreviewIcon(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileIcon, mergeProps({
-        "data-slot": "file-upload-item-preview-icon",
         get ["class"] () {
             return clsx(FileUpload_module.itemPreviewIcon, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item-preview-icon"
+    }));
 }
 function getFileTypeLabel(file) {
     const extension = file.name.split('.').pop();
@@ -164,22 +172,24 @@ function FileUploadItemName(props) {
         'class'
     ]);
     return createComponent(FileUpload.ItemName, mergeProps({
-        "data-slot": "file-upload-item-name",
         get ["class"] () {
             return clsx(FileUpload_module.itemName, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item-name"
+    }));
 }
 function FileUploadItemSizeText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(FileUpload.ItemSizeText, mergeProps({
-        "data-slot": "file-upload-item-size-text",
         get ["class"] () {
             return clsx(FileUpload_module.itemSizeText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-item-size-text"
+    }));
 }
 function FileUploadItemMetadata(props) {
     const [local, others] = splitProps(props, [
@@ -187,11 +197,11 @@ function FileUploadItemMetadata(props) {
         'file'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "file-upload-item-metadata",
         get ["class"] () {
             return clsx(FileUpload_module.itemMetadata, local.class);
         }
     }, others, {
+        "data-slot": "file-upload-item-metadata",
         get children () {
             return [
                 createComponent(ark.span, {
@@ -211,11 +221,11 @@ function FileUploadItemDeleteTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(FileUpload.ItemDeleteTrigger, mergeProps({
-        "data-slot": "file-upload-item-delete-trigger",
         get ["class"] () {
             return clsx(FileUpload_module.itemDeleteTrigger, local.class);
         }
     }, others, {
+        "data-slot": "file-upload-item-delete-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(TrashIcon, {});
         }
@@ -269,7 +279,6 @@ function FileUploadClearTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "file-upload-clear-trigger",
         get ["class"] () {
             return triggerClass();
         },
@@ -280,6 +289,7 @@ function FileUploadClearTrigger(props) {
             return local['aria-labelledby'];
         }
     }, others, {
+        "data-slot": "file-upload-clear-trigger",
         get children () {
             return resolvedChildren();
         }
@@ -296,11 +306,12 @@ function FileUploadClearTrigger(props) {
                     return resolvedChildren() ?? createComponent(CloseIcon, {});
                 }
             })),
-        "data-slot": "file-upload-clear-trigger",
         get ["class"] () {
             return triggerClass();
         }
-    }, others));
+    }, others, {
+        "data-slot": "file-upload-clear-trigger"
+    }));
 }
 const FileUpload_FileUpload = Object.assign(FileUploadRoot, {
     Root: FileUploadRoot,