@moduix/solid 1.0.0 → 1.1.1

package/dist/components/pagination/Pagination.js

@@ -15,11 +15,11 @@ function PaginationRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-root",
         get ["class"] () {
             return clsx(Pagination_module.root, local.class);
         }
     }, others, {
+        "data-slot": "pagination-root",
         get children () {
             return local.children;
         }
@@ -35,11 +35,11 @@ function PaginationRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-root-provider",
         get ["class"] () {
             return clsx(Pagination_module.root, local.class);
         }
     }, others, {
+        "data-slot": "pagination-root-provider",
         get children () {
             return local.children;
         }
@@ -54,11 +54,12 @@ function PaginationItem(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-item",
         get ["class"] () {
             return clsx(Pagination_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "pagination-item"
+    }));
 }
 function PaginationEllipsis(props) {
     const [local, others] = splitProps(props, [
@@ -71,11 +72,11 @@ function PaginationEllipsis(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-ellipsis",
         get ["class"] () {
             return clsx(Pagination_module.ellipsis, local.class);
         }
     }, others, {
+        "data-slot": "pagination-ellipsis",
         get children () {
             return resolvedChildren() ?? (!local.asChild && '...');
         }
@@ -107,11 +108,11 @@ function PaginationPrevTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-prev-trigger",
         get ["class"] () {
             return clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class);
         }
     }, others, {
+        "data-slot": "pagination-prev-trigger",
         get children () {
             return resolvedChildren() ?? (!local.asChild && createComponent(ChevronLeftIcon, {}));
         }
@@ -128,11 +129,11 @@ function PaginationNextTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-next-trigger",
         get ["class"] () {
             return clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class);
         }
     }, others, {
+        "data-slot": "pagination-next-trigger",
         get children () {
             return resolvedChildren() ?? (!local.asChild && createComponent(ChevronRightIcon, {}));
         }
@@ -149,11 +150,11 @@ function PaginationFirstTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-first-trigger",
         get ["class"] () {
             return clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class);
         }
     }, others, {
+        "data-slot": "pagination-first-trigger",
         get children () {
             return resolvedChildren() ?? (!local.asChild && createComponent(EdgeIcon, {
                 side: "left"
@@ -172,11 +173,11 @@ function PaginationLastTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pagination-last-trigger",
         get ["class"] () {
             return clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class);
         }
     }, others, {
+        "data-slot": "pagination-last-trigger",
         get children () {
             return resolvedChildren() ?? (!local.asChild && createComponent(EdgeIcon, {
                 side: "right"

package/dist/components/pagination/Pagination.jsx

@@ -9,7 +9,7 @@ function PaginationRoot(props) {
         'children',
         'class'
     ]);
-    return <Pagination.Root asChild={local.asChild} data-slot="pagination-root" class={clsx(Pagination_module.root, local.class)} {...others}>
+    return <Pagination.Root asChild={local.asChild} class={clsx(Pagination_module.root, local.class)} {...others} data-slot="pagination-root">
       {local.children}
     </Pagination.Root>;
 }
@@ -19,7 +19,7 @@ function PaginationRootProvider(props) {
         'children',
         'class'
     ]);
-    return <Pagination.RootProvider asChild={local.asChild} data-slot="pagination-root-provider" class={clsx(Pagination_module.root, local.class)} {...others}>
+    return <Pagination.RootProvider asChild={local.asChild} class={clsx(Pagination_module.root, local.class)} {...others} data-slot="pagination-root-provider">
       {local.children}
     </Pagination.RootProvider>;
 }
@@ -28,7 +28,7 @@ function PaginationItem(props) {
         'asChild',
         'class'
     ]);
-    return <Pagination.Item asChild={local.asChild} data-slot="pagination-item" class={clsx(Pagination_module.item, local.class)} {...others}/>;
+    return <Pagination.Item asChild={local.asChild} class={clsx(Pagination_module.item, local.class)} {...others} data-slot="pagination-item"/>;
 }
 function PaginationEllipsis(props) {
     const [local, others] = splitProps(props, [
@@ -37,7 +37,7 @@ function PaginationEllipsis(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Pagination.Ellipsis asChild={local.asChild} data-slot="pagination-ellipsis" class={clsx(Pagination_module.ellipsis, local.class)} {...others}>
+    return <Pagination.Ellipsis asChild={local.asChild} class={clsx(Pagination_module.ellipsis, local.class)} {...others} data-slot="pagination-ellipsis">
       {resolvedChildren() ?? (!local.asChild && '...')}
     </Pagination.Ellipsis>;
 }
@@ -54,7 +54,7 @@ function PaginationPrevTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Pagination.PrevTrigger asChild={local.asChild} data-slot="pagination-prev-trigger" class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others}>
+    return <Pagination.PrevTrigger asChild={local.asChild} class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others} data-slot="pagination-prev-trigger">
       {resolvedChildren() ?? (!local.asChild && <ChevronLeftIcon/>)}
     </Pagination.PrevTrigger>;
 }
@@ -65,7 +65,7 @@ function PaginationNextTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Pagination.NextTrigger asChild={local.asChild} data-slot="pagination-next-trigger" class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others}>
+    return <Pagination.NextTrigger asChild={local.asChild} class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others} data-slot="pagination-next-trigger">
       {resolvedChildren() ?? (!local.asChild && <ChevronRightIcon/>)}
     </Pagination.NextTrigger>;
 }
@@ -76,7 +76,7 @@ function PaginationFirstTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Pagination.FirstTrigger asChild={local.asChild} data-slot="pagination-first-trigger" class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others}>
+    return <Pagination.FirstTrigger asChild={local.asChild} class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others} data-slot="pagination-first-trigger">
       {resolvedChildren() ?? (!local.asChild && <EdgeIcon side="left"/>)}
     </Pagination.FirstTrigger>;
 }
@@ -87,7 +87,7 @@ function PaginationLastTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Pagination.LastTrigger asChild={local.asChild} data-slot="pagination-last-trigger" class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others}>
+    return <Pagination.LastTrigger asChild={local.asChild} class={clsx(Pagination_module.trigger, null == local.children && Pagination_module.iconTrigger, local.class)} {...others} data-slot="pagination-last-trigger">
       {resolvedChildren() ?? (!local.asChild && <EdgeIcon side="right"/>)}
     </Pagination.LastTrigger>;
 }

package/dist/components/password-input/PasswordInput.js

@@ -9,44 +9,48 @@ function PasswordInputRoot(props) {
         'class'
     ]);
     return createComponent(PasswordInput.Root, mergeProps({
-        "data-slot": "password-input-root",
         get ["class"] () {
             return clsx(PasswordInput_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "password-input-root"
+    }));
 }
 function PasswordInputRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(PasswordInput.RootProvider, mergeProps({
-        "data-slot": "password-input-root-provider",
         get ["class"] () {
             return clsx(PasswordInput_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "password-input-root-provider"
+    }));
 }
 function PasswordInputLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(PasswordInput.Label, mergeProps({
-        "data-slot": "password-input-label",
         get ["class"] () {
             return clsx(PasswordInput_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "password-input-label"
+    }));
 }
 function PasswordInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(PasswordInput.Control, mergeProps({
-        "data-slot": "password-input-control",
         get ["class"] () {
             return clsx(PasswordInput_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "password-input-control"
+    }));
 }
 function PasswordInputInput(props) {
     const [local, others] = splitProps(props, [
@@ -81,11 +85,12 @@ function PasswordInputVisibilityTrigger(props) {
         'class'
     ]);
     return createComponent(PasswordInput.VisibilityTrigger, mergeProps({
-        "data-slot": "password-input-visibility-trigger",
         get ["class"] () {
             return clsx(PasswordInput_module.visibilityTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "password-input-visibility-trigger"
+    }));
 }
 function PasswordInputIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -95,7 +100,6 @@ function PasswordInputIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(PasswordInput.Indicator, mergeProps({
-        "data-slot": "password-input-indicator",
         get ["class"] () {
             return clsx(PasswordInput_module.indicator, local.class);
         },
@@ -103,6 +107,7 @@ function PasswordInputIndicator(props) {
             return local.fallback ?? createComponent(EyeClosedIcon, {});
         }
     }, others, {
+        "data-slot": "password-input-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(EyeIcon, {});
         }

package/dist/components/password-input/PasswordInput.jsx

@@ -7,25 +7,25 @@ function PasswordInputRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PasswordInput.Root data-slot="password-input-root" class={clsx(PasswordInput_module.root, local.class)} {...others}/>;
+    return <PasswordInput.Root class={clsx(PasswordInput_module.root, local.class)} {...others} data-slot="password-input-root"/>;
 }
 function PasswordInputRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PasswordInput.RootProvider data-slot="password-input-root-provider" class={clsx(PasswordInput_module.root, local.class)} {...others}/>;
+    return <PasswordInput.RootProvider class={clsx(PasswordInput_module.root, local.class)} {...others} data-slot="password-input-root-provider"/>;
 }
 function PasswordInputLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PasswordInput.Label data-slot="password-input-label" class={clsx(PasswordInput_module.label, local.class)} {...others}/>;
+    return <PasswordInput.Label class={clsx(PasswordInput_module.label, local.class)} {...others} data-slot="password-input-label"/>;
 }
 function PasswordInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PasswordInput.Control data-slot="password-input-control" class={clsx(PasswordInput_module.control, local.class)} {...others}/>;
+    return <PasswordInput.Control class={clsx(PasswordInput_module.control, local.class)} {...others} data-slot="password-input-control"/>;
 }
 function PasswordInputInput(props) {
     const [local, others] = splitProps(props, [
@@ -49,7 +49,7 @@ function PasswordInputVisibilityTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PasswordInput.VisibilityTrigger data-slot="password-input-visibility-trigger" class={clsx(PasswordInput_module.visibilityTrigger, local.class)} {...others}/>;
+    return <PasswordInput.VisibilityTrigger class={clsx(PasswordInput_module.visibilityTrigger, local.class)} {...others} data-slot="password-input-visibility-trigger"/>;
 }
 function PasswordInputIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -58,7 +58,7 @@ function PasswordInputIndicator(props) {
         'fallback'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <PasswordInput.Indicator data-slot="password-input-indicator" class={clsx(PasswordInput_module.indicator, local.class)} fallback={local.fallback ?? <EyeClosedIcon/>} {...others}>
+    return <PasswordInput.Indicator class={clsx(PasswordInput_module.indicator, local.class)} fallback={local.fallback ?? <EyeClosedIcon/>} {...others} data-slot="password-input-indicator">
       {resolvedChildren() ?? <EyeIcon/>}
     </PasswordInput.Indicator>;
 }

package/dist/components/pin-input/PinInput.js

@@ -4,7 +4,7 @@ import { clsx } from "clsx";
 import { For, children, splitProps } from "solid-js";
 import { SeparatorMarkIcon } from "../../internal/icons/ui/Icons.js";
 import PinInput_module from "./PinInput.module.js";
-var _tmpl$ = /*#__PURE__*/ template("<span data-slot=pin-input-separator>");
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 function PinInputRoot(props) {
     const [local, others] = splitProps(props, [
         'asChild',
@@ -23,11 +23,11 @@ function PinInputRoot(props) {
         get placeholder () {
             return local.placeholder ?? '';
         },
-        "data-slot": "pin-input-root",
         get ["class"] () {
             return clsx(PinInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "pin-input-root",
         get children () {
             return local.children;
         }
@@ -43,11 +43,11 @@ function PinInputRootProvider(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "pin-input-root-provider",
         get ["class"] () {
             return clsx(PinInput_module.root, local.class);
         }
     }, others, {
+        "data-slot": "pin-input-root-provider",
         get children () {
             return local.children;
         }
@@ -58,33 +58,36 @@ function PinInputLabel(props) {
         'class'
     ]);
     return createComponent(PinInput.Label, mergeProps({
-        "data-slot": "pin-input-label",
         get ["class"] () {
             return clsx(PinInput_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "pin-input-label"
+    }));
 }
 function PinInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(PinInput.Control, mergeProps({
-        "data-slot": "pin-input-control",
         get ["class"] () {
             return clsx(PinInput_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "pin-input-control"
+    }));
 }
 function PinInputInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(PinInput.Input, mergeProps({
-        "data-slot": "pin-input-input",
         get ["class"] () {
             return clsx(PinInput_module.input, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "pin-input-input"
+    }));
 }
 function PinInputInputs(props) {
     const pinInput = usePinInputContext();
@@ -120,7 +123,9 @@ function PinInputSeparator(props) {
             get ["class"] () {
                 return clsx(PinInput_module.separator, local.class);
             }
-        }, others), false, true);
+        }, others, {
+            "data-slot": "pin-input-separator"
+        }), false, true);
         insert(_el$, ()=>resolvedChildren() ?? createComponent(SeparatorMarkIcon, {}));
         return _el$;
     })();

package/dist/components/pin-input/PinInput.jsx

@@ -11,7 +11,7 @@ function PinInputRoot(props) {
         'count',
         'placeholder'
     ]);
-    return <PinInput.Root asChild={local.asChild} count={local.count} placeholder={local.placeholder ?? ''} data-slot="pin-input-root" class={clsx(PinInput_module.root, local.class)} {...others}>
+    return <PinInput.Root asChild={local.asChild} count={local.count} placeholder={local.placeholder ?? ''} class={clsx(PinInput_module.root, local.class)} {...others} data-slot="pin-input-root">
       {local.children}
     </PinInput.Root>;
 }
@@ -21,7 +21,7 @@ function PinInputRootProvider(props) {
         'children',
         'class'
     ]);
-    return <PinInput.RootProvider asChild={local.asChild} data-slot="pin-input-root-provider" class={clsx(PinInput_module.root, local.class)} {...others}>
+    return <PinInput.RootProvider asChild={local.asChild} class={clsx(PinInput_module.root, local.class)} {...others} data-slot="pin-input-root-provider">
       {local.children}
     </PinInput.RootProvider>;
 }
@@ -29,19 +29,19 @@ function PinInputLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PinInput.Label data-slot="pin-input-label" class={clsx(PinInput_module.label, local.class)} {...others}/>;
+    return <PinInput.Label class={clsx(PinInput_module.label, local.class)} {...others} data-slot="pin-input-label"/>;
 }
 function PinInputControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PinInput.Control data-slot="pin-input-control" class={clsx(PinInput_module.control, local.class)} {...others}/>;
+    return <PinInput.Control class={clsx(PinInput_module.control, local.class)} {...others} data-slot="pin-input-control"/>;
 }
 function PinInputInput(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <PinInput.Input data-slot="pin-input-input" class={clsx(PinInput_module.input, local.class)} {...others}/>;
+    return <PinInput.Input class={clsx(PinInput_module.input, local.class)} {...others} data-slot="pin-input-input"/>;
 }
 function PinInputInputs(props) {
     const pinInput = usePinInputContext();
@@ -57,7 +57,7 @@ function PinInputSeparator(props) {
         'role'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <span data-slot="pin-input-separator" aria-hidden={local['aria-hidden'] ?? true} role={local.role ?? 'presentation'} class={clsx(PinInput_module.separator, local.class)} {...others}>
+    return <span aria-hidden={local['aria-hidden'] ?? true} role={local.role ?? 'presentation'} class={clsx(PinInput_module.separator, local.class)} {...others} data-slot="pin-input-separator">
       {resolvedChildren() ?? <SeparatorMarkIcon/>}
     </span>;
 }

package/dist/components/popover/Popover.js

@@ -85,11 +85,12 @@ function PopoverAnchor(props) {
         'class'
     ]);
     return createComponent(Popover.Anchor, mergeProps({
-        "data-slot": "popover-anchor",
         get ["class"] () {
             return local.class;
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-anchor"
+    }));
 }
 function PopoverTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -100,22 +101,24 @@ function PopoverTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "popover-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Popover_module.trigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-trigger"
+    }));
 }
 function PopoverIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Popover.Indicator, mergeProps({
-        "data-slot": "popover-indicator",
         get ["class"] () {
             return local.class;
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-indicator"
+    }));
 }
 function PopoverPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -124,11 +127,12 @@ function PopoverPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(Popover.Positioner, mergeProps({
-                "data-slot": "popover-positioner",
                 get ["class"] () {
                     return clsx(Popover_module.positioner, local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "popover-positioner"
+            }));
         }
     });
 }
@@ -137,11 +141,12 @@ function PopoverContent(props) {
         'class'
     ]);
     return createComponent(Popover.Content, mergeProps({
-        "data-slot": "popover-content",
         get ["class"] () {
             return clsx(Popover_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-content"
+    }));
 }
 function PopoverArrow(props) {
     const [local, others] = splitProps(props, [
@@ -150,11 +155,11 @@ function PopoverArrow(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Popover.Arrow, mergeProps({
-        "data-slot": "popover-arrow",
         get ["class"] () {
             return clsx(Popover_module.arrow, local.class);
         }
     }, others, {
+        "data-slot": "popover-arrow",
         get children () {
             return resolvedChildren() ?? createComponent(PopoverArrowTip, {});
         }
@@ -165,33 +170,36 @@ function PopoverArrowTip(props) {
         'class'
     ]);
     return createComponent(Popover.ArrowTip, mergeProps({
-        "data-slot": "popover-arrow-tip",
         get ["class"] () {
             return clsx(Popover_module.arrowTip, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-arrow-tip"
+    }));
 }
 function PopoverTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Popover.Title, mergeProps({
-        "data-slot": "popover-title",
         get ["class"] () {
             return clsx(Popover_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-title"
+    }));
 }
 function PopoverDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Popover.Description, mergeProps({
-        "data-slot": "popover-description",
         get ["class"] () {
             return clsx(Popover_module.description, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-description"
+    }));
 }
 function PopoverCloseTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -202,11 +210,12 @@ function PopoverCloseTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "popover-close-trigger",
         get ["class"] () {
             return clsx(!local.asChild && Popover_module.closeTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-close-trigger"
+    }));
 }
 function PopoverCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -239,33 +248,36 @@ function PopoverHeader(props) {
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "popover-header",
         get ["class"] () {
             return clsx(Popover_module.header, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-header"
+    }));
 }
 function PopoverBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "popover-body",
         get ["class"] () {
             return clsx(Popover_module.body, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-body"
+    }));
 }
 function PopoverFooter(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ark.div, mergeProps({
-        "data-slot": "popover-footer",
         get ["class"] () {
             return clsx(Popover_module.footer, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "popover-footer"
+    }));
 }
 const Popover_Popover = Object.assign(PopoverRoot, {
     Root: PopoverRoot,