@moduix/solid 1.0.0 → 1.1.1

package/dist/components/accordion/Accordion.js

@@ -10,44 +10,48 @@ function AccordionRoot(props) {
         'class'
     ]);
     return createComponent(Accordion.Root, mergeProps({
-        "data-slot": "accordion-root",
         get ["class"] () {
             return clsx(Accordion_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "accordion-root"
+    }));
 }
 function AccordionRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Accordion.RootProvider, mergeProps({
-        "data-slot": "accordion-root-provider",
         get ["class"] () {
             return clsx(Accordion_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "accordion-root-provider"
+    }));
 }
 function AccordionItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Accordion.Item, mergeProps({
-        "data-slot": "accordion-item",
         get ["class"] () {
             return clsx(Accordion_module.item, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "accordion-item"
+    }));
 }
 function AccordionItemTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Accordion.ItemTrigger, mergeProps({
-        "data-slot": "accordion-item-trigger",
         get ["class"] () {
             return clsx(Accordion_module.itemTrigger, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "accordion-item-trigger"
+    }));
 }
 function AccordionItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -56,11 +60,11 @@ function AccordionItemIndicator(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(Accordion.ItemIndicator, mergeProps({
-        "data-slot": "accordion-item-indicator",
         get ["class"] () {
             return clsx(Accordion_module.itemIndicator, local.class);
         }
     }, others, {
+        "data-slot": "accordion-item-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(PlusIcon, {});
         }
@@ -71,11 +75,12 @@ function AccordionItemContent(props) {
         'class'
     ]);
     return createComponent(Accordion.ItemContent, mergeProps({
-        "data-slot": "accordion-item-content",
         get ["class"] () {
             return clsx(Accordion_module.itemContent, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "accordion-item-content"
+    }));
 }
 function AccordionItemBody(props) {
     const [local, others] = splitProps(props, [
@@ -84,11 +89,12 @@ function AccordionItemBody(props) {
     return createComponent(ark.div, mergeProps({
         "data-scope": "accordion",
         "data-part": "item-body",
-        "data-slot": "accordion-item-body",
         get ["class"] () {
             return clsx(Accordion_module.itemBody, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "accordion-item-body"
+    }));
 }
 const Accordion_Accordion = Object.assign(AccordionRoot, {
     Root: AccordionRoot,

package/dist/components/accordion/Accordion.jsx

@@ -8,25 +8,25 @@ function AccordionRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Accordion.Root data-slot="accordion-root" class={clsx(Accordion_module.root, local.class)} {...others}/>;
+    return <Accordion.Root class={clsx(Accordion_module.root, local.class)} {...others} data-slot="accordion-root"/>;
 }
 function AccordionRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Accordion.RootProvider data-slot="accordion-root-provider" class={clsx(Accordion_module.root, local.class)} {...others}/>;
+    return <Accordion.RootProvider class={clsx(Accordion_module.root, local.class)} {...others} data-slot="accordion-root-provider"/>;
 }
 function AccordionItem(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Accordion.Item data-slot="accordion-item" class={clsx(Accordion_module.item, local.class)} {...others}/>;
+    return <Accordion.Item class={clsx(Accordion_module.item, local.class)} {...others} data-slot="accordion-item"/>;
 }
 function AccordionItemTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Accordion.ItemTrigger data-slot="accordion-item-trigger" class={clsx(Accordion_module.itemTrigger, local.class)} {...others}/>;
+    return <Accordion.ItemTrigger class={clsx(Accordion_module.itemTrigger, local.class)} {...others} data-slot="accordion-item-trigger"/>;
 }
 function AccordionItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -34,7 +34,7 @@ function AccordionItemIndicator(props) {
         'children'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <Accordion.ItemIndicator data-slot="accordion-item-indicator" class={clsx(Accordion_module.itemIndicator, local.class)} {...others}>
+    return <Accordion.ItemIndicator class={clsx(Accordion_module.itemIndicator, local.class)} {...others} data-slot="accordion-item-indicator">
       {resolvedChildren() ?? <PlusIcon/>}
     </Accordion.ItemIndicator>;
 }
@@ -42,13 +42,13 @@ function AccordionItemContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Accordion.ItemContent data-slot="accordion-item-content" class={clsx(Accordion_module.itemContent, local.class)} {...others}/>;
+    return <Accordion.ItemContent class={clsx(Accordion_module.itemContent, local.class)} {...others} data-slot="accordion-item-content"/>;
 }
 function AccordionItemBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-scope="accordion" data-part="item-body" data-slot="accordion-item-body" class={clsx(Accordion_module.itemBody, local.class)} {...others}/>;
+    return <ark.div data-scope="accordion" data-part="item-body" class={clsx(Accordion_module.itemBody, local.class)} {...others} data-slot="accordion-item-body"/>;
 }
 const Accordion_Accordion = Object.assign(AccordionRoot, {
     Root: AccordionRoot,

package/dist/components/alert/Alert.js

@@ -11,18 +11,19 @@ function AlertRoot(props) {
     ]);
     return createComponent(ark.div, mergeProps({
         get role () {
-            return local.role ?? ('error' === local.status ? 'alert' : 'status');
+            return local.role;
         },
         "data-scope": "alert",
         "data-part": "root",
-        "data-slot": "alert-root",
         get ["data-status"] () {
             return local.status ?? 'info';
         },
         get ["class"] () {
             return clsx(Alert_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "alert-root"
+    }));
 }
 function AlertIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -31,12 +32,13 @@ function AlertIndicator(props) {
     return createComponent(ark.span, mergeProps({
         "data-scope": "alert",
         "data-part": "indicator",
-        "data-slot": "alert-indicator",
         "aria-hidden": "true",
         get ["class"] () {
             return clsx(Alert_module.indicator, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "alert-indicator"
+    }));
 }
 function AlertContent(props) {
     const [local, others] = splitProps(props, [
@@ -45,11 +47,12 @@ function AlertContent(props) {
     return createComponent(ark.div, mergeProps({
         "data-scope": "alert",
         "data-part": "content",
-        "data-slot": "alert-content",
         get ["class"] () {
             return clsx(Alert_module.content, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "alert-content"
+    }));
 }
 function AlertTitle(props) {
     const [local, others] = splitProps(props, [
@@ -58,11 +61,12 @@ function AlertTitle(props) {
     return createComponent(ark.p, mergeProps({
         "data-scope": "alert",
         "data-part": "title",
-        "data-slot": "alert-title",
         get ["class"] () {
             return clsx(Alert_module.title, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "alert-title"
+    }));
 }
 function AlertDescription(props) {
     const [local, others] = splitProps(props, [
@@ -71,11 +75,12 @@ function AlertDescription(props) {
     return createComponent(ark.div, mergeProps({
         "data-scope": "alert",
         "data-part": "description",
-        "data-slot": "alert-description",
         get ["class"] () {
             return clsx(Alert_module.description, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "alert-description"
+    }));
 }
 function AlertActions(props) {
     const [local, others] = splitProps(props, [
@@ -84,11 +89,12 @@ function AlertActions(props) {
     return createComponent(ark.div, mergeProps({
         "data-scope": "alert",
         "data-part": "actions",
-        "data-slot": "alert-actions",
         get ["class"] () {
             return clsx(Alert_module.actions, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "alert-actions"
+    }));
 }
 const Alert = Object.assign(AlertRoot, {
     Root: AlertRoot,

package/dist/components/alert/Alert.jsx

@@ -8,37 +8,37 @@ function AlertRoot(props) {
         'role',
         'status'
     ]);
-    return <ark.div role={local.role ?? ('error' === local.status ? 'alert' : 'status')} data-scope="alert" data-part="root" data-slot="alert-root" data-status={local.status ?? 'info'} class={clsx(Alert_module.root, local.class)} {...others}/>;
+    return <ark.div role={local.role} data-scope="alert" data-part="root" data-status={local.status ?? 'info'} class={clsx(Alert_module.root, local.class)} {...others} data-slot="alert-root"/>;
 }
 function AlertIndicator(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.span data-scope="alert" data-part="indicator" data-slot="alert-indicator" aria-hidden="true" class={clsx(Alert_module.indicator, local.class)} {...others}/>;
+    return <ark.span data-scope="alert" data-part="indicator" aria-hidden="true" class={clsx(Alert_module.indicator, local.class)} {...others} data-slot="alert-indicator"/>;
 }
 function AlertContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-scope="alert" data-part="content" data-slot="alert-content" class={clsx(Alert_module.content, local.class)} {...others}/>;
+    return <ark.div data-scope="alert" data-part="content" class={clsx(Alert_module.content, local.class)} {...others} data-slot="alert-content"/>;
 }
 function AlertTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.p data-scope="alert" data-part="title" data-slot="alert-title" class={clsx(Alert_module.title, local.class)} {...others}/>;
+    return <ark.p data-scope="alert" data-part="title" class={clsx(Alert_module.title, local.class)} {...others} data-slot="alert-title"/>;
 }
 function AlertDescription(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-scope="alert" data-part="description" data-slot="alert-description" class={clsx(Alert_module.description, local.class)} {...others}/>;
+    return <ark.div data-scope="alert" data-part="description" class={clsx(Alert_module.description, local.class)} {...others} data-slot="alert-description"/>;
 }
 function AlertActions(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ark.div data-scope="alert" data-part="actions" data-slot="alert-actions" class={clsx(Alert_module.actions, local.class)} {...others}/>;
+    return <ark.div data-scope="alert" data-part="actions" class={clsx(Alert_module.actions, local.class)} {...others} data-slot="alert-actions"/>;
 }
 const Alert = Object.assign(AlertRoot, {
     Root: AlertRoot,

package/dist/components/angle-slider/AngleSlider.d.ts

@@ -1,11 +1,8 @@
-import { AngleSlider as AngleSliderPrimitive, useAngleSliderContext, type UseAngleSliderProps, type UseAngleSliderReturn } from '@ark-ui/solid/angle-slider';
+import { AngleSlider as AngleSliderPrimitive, useAngleSlider, useAngleSliderContext } from '@ark-ui/solid/angle-slider';
 import type { ComponentProps, JSX } from 'solid-js';
 declare function AngleSliderRoot(props: ComponentProps<typeof AngleSliderPrimitive.Root>): JSX.Element;
 declare function AngleSliderLabel(props: ComponentProps<typeof AngleSliderPrimitive.Label>): JSX.Element;
-type AngleSliderRootProviderProps = ComponentProps<typeof AngleSliderPrimitive.RootProvider> & {
-    form?: string;
-};
-declare function AngleSliderRootProvider(props: AngleSliderRootProviderProps): JSX.Element;
+declare function AngleSliderRootProvider(props: ComponentProps<typeof AngleSliderPrimitive.RootProvider>): JSX.Element;
 declare function AngleSliderControl(props: ComponentProps<typeof AngleSliderPrimitive.Control>): JSX.Element;
 declare function AngleSliderThumb(props: ComponentProps<typeof AngleSliderPrimitive.Thumb>): JSX.Element;
 declare function AngleSliderMarkerGroup(props: ComponentProps<typeof AngleSliderPrimitive.MarkerGroup>): JSX.Element;
@@ -33,5 +30,4 @@ declare const AngleSlider: typeof AngleSliderRoot & {
     Marks: typeof AngleSliderMarks;
     ValueText: typeof AngleSliderValueText;
 };
-declare const useAngleSlider: (props?: UseAngleSliderProps | (() => UseAngleSliderProps)) => UseAngleSliderReturn;
 export { AngleSlider, useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/AngleSlider.js

@@ -13,11 +13,11 @@ function AngleSliderRoot(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "angle-slider-root",
         get ["class"] () {
             return clsx(AngleSlider_module.root, local.class);
         }
     }, others, {
+        "data-slot": "angle-slider-root",
         get children () {
             return local.children;
         }
@@ -28,11 +28,12 @@ function AngleSliderLabel(props) {
         'class'
     ]);
     return createComponent(AngleSlider.Label, mergeProps({
-        "data-slot": "angle-slider-label",
         get ["class"] () {
             return clsx(AngleSlider_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "angle-slider-label"
+    }));
 }
 function AngleSliderRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -48,11 +49,11 @@ function AngleSliderRootProvider(props) {
         get value () {
             return local.value;
         },
-        "data-slot": "angle-slider-root-provider",
         get ["class"] () {
             return clsx(AngleSlider_module.root, local.class);
         }
     }, others, {
+        "data-slot": "angle-slider-root-provider",
         get children () {
             return local.children;
         }
@@ -63,44 +64,48 @@ function AngleSliderControl(props) {
         'class'
     ]);
     return createComponent(AngleSlider.Control, mergeProps({
-        "data-slot": "angle-slider-control",
         get ["class"] () {
             return clsx(AngleSlider_module.control, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "angle-slider-control"
+    }));
 }
 function AngleSliderThumb(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(AngleSlider.Thumb, mergeProps({
-        "data-slot": "angle-slider-thumb",
         get ["class"] () {
             return clsx(AngleSlider_module.thumb, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "angle-slider-thumb"
+    }));
 }
 function AngleSliderMarkerGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(AngleSlider.MarkerGroup, mergeProps({
-        "data-slot": "angle-slider-marker-group",
         get ["class"] () {
             return clsx(AngleSlider_module.markerGroup, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "angle-slider-marker-group"
+    }));
 }
 function AngleSliderMarker(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(AngleSlider.Marker, mergeProps({
-        "data-slot": "angle-slider-marker",
         get ["class"] () {
             return clsx(AngleSlider_module.marker, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "angle-slider-marker"
+    }));
 }
 function AngleSliderMarks(props) {
     const [local, others] = splitProps(props, [
@@ -137,11 +142,12 @@ function AngleSliderValueText(props) {
         'class'
     ]);
     return createComponent(AngleSlider.ValueText, mergeProps({
-        "data-slot": "angle-slider-value-text",
         get ["class"] () {
             return clsx(AngleSlider_module.valueText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "angle-slider-value-text"
+    }));
 }
 const AngleSlider_AngleSlider = Object.assign(AngleSliderRoot, {
     Root: AngleSliderRoot,
@@ -157,5 +163,4 @@ const AngleSlider_AngleSlider = Object.assign(AngleSliderRoot, {
     Marks: AngleSliderMarks,
     ValueText: AngleSliderValueText
 });
-const AngleSlider_useAngleSlider = useAngleSlider;
-export { AngleSlider_AngleSlider as AngleSlider, AngleSlider_useAngleSlider as useAngleSlider, useAngleSliderContext };
+export { AngleSlider_AngleSlider as AngleSlider, useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/AngleSlider.jsx

@@ -8,7 +8,7 @@ function AngleSliderRoot(props) {
         'children',
         'class'
     ]);
-    return <AngleSlider.Root asChild={local.asChild} data-slot="angle-slider-root" class={clsx(AngleSlider_module.root, local.class)} {...others}>
+    return <AngleSlider.Root asChild={local.asChild} class={clsx(AngleSlider_module.root, local.class)} {...others} data-slot="angle-slider-root">
       {local.children}
     </AngleSlider.Root>;
 }
@@ -16,7 +16,7 @@ function AngleSliderLabel(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <AngleSlider.Label data-slot="angle-slider-label" class={clsx(AngleSlider_module.label, local.class)} {...others}/>;
+    return <AngleSlider.Label class={clsx(AngleSlider_module.label, local.class)} {...others} data-slot="angle-slider-label"/>;
 }
 function AngleSliderRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -25,7 +25,7 @@ function AngleSliderRootProvider(props) {
         'class',
         'value'
     ]);
-    return <AngleSlider.RootProvider asChild={local.asChild} value={local.value} data-slot="angle-slider-root-provider" class={clsx(AngleSlider_module.root, local.class)} {...others}>
+    return <AngleSlider.RootProvider asChild={local.asChild} value={local.value} class={clsx(AngleSlider_module.root, local.class)} {...others} data-slot="angle-slider-root-provider">
       {local.children}
     </AngleSlider.RootProvider>;
 }
@@ -33,25 +33,25 @@ function AngleSliderControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <AngleSlider.Control data-slot="angle-slider-control" class={clsx(AngleSlider_module.control, local.class)} {...others}/>;
+    return <AngleSlider.Control class={clsx(AngleSlider_module.control, local.class)} {...others} data-slot="angle-slider-control"/>;
 }
 function AngleSliderThumb(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <AngleSlider.Thumb data-slot="angle-slider-thumb" class={clsx(AngleSlider_module.thumb, local.class)} {...others}/>;
+    return <AngleSlider.Thumb class={clsx(AngleSlider_module.thumb, local.class)} {...others} data-slot="angle-slider-thumb"/>;
 }
 function AngleSliderMarkerGroup(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <AngleSlider.MarkerGroup data-slot="angle-slider-marker-group" class={clsx(AngleSlider_module.markerGroup, local.class)} {...others}/>;
+    return <AngleSlider.MarkerGroup class={clsx(AngleSlider_module.markerGroup, local.class)} {...others} data-slot="angle-slider-marker-group"/>;
 }
 function AngleSliderMarker(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <AngleSlider.Marker data-slot="angle-slider-marker" class={clsx(AngleSlider_module.marker, local.class)} {...others}/>;
+    return <AngleSlider.Marker class={clsx(AngleSlider_module.marker, local.class)} {...others} data-slot="angle-slider-marker"/>;
 }
 function AngleSliderMarks(props) {
     const [local, others] = splitProps(props, [
@@ -74,7 +74,7 @@ function AngleSliderValueText(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <AngleSlider.ValueText data-slot="angle-slider-value-text" class={clsx(AngleSlider_module.valueText, local.class)} {...others}/>;
+    return <AngleSlider.ValueText class={clsx(AngleSlider_module.valueText, local.class)} {...others} data-slot="angle-slider-value-text"/>;
 }
 const AngleSlider_AngleSlider = Object.assign(AngleSliderRoot, {
     Root: AngleSliderRoot,
@@ -90,5 +90,4 @@ const AngleSlider_AngleSlider = Object.assign(AngleSliderRoot, {
     Marks: AngleSliderMarks,
     ValueText: AngleSliderValueText
 });
-const AngleSlider_useAngleSlider = useAngleSlider;
-export { AngleSlider_AngleSlider as AngleSlider, AngleSlider_useAngleSlider as useAngleSlider, useAngleSliderContext };
+export { AngleSlider_AngleSlider as AngleSlider, useAngleSlider, useAngleSliderContext };

package/dist/components/avatar/Avatar.js

@@ -9,14 +9,15 @@ function AvatarRoot(props) {
         'size'
     ]);
     return createComponent(Avatar.Root, mergeProps({
-        "data-slot": "avatar-root",
         get ["data-size"] () {
             return local.size;
         },
         get ["class"] () {
             return clsx(Avatar_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "avatar-root"
+    }));
 }
 function AvatarRootProvider(props) {
     const [local, others] = splitProps(props, [
@@ -24,25 +25,27 @@ function AvatarRootProvider(props) {
         'size'
     ]);
     return createComponent(Avatar.RootProvider, mergeProps({
-        "data-slot": "avatar-root-provider",
         get ["data-size"] () {
             return local.size;
         },
         get ["class"] () {
             return clsx(Avatar_module.root, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "avatar-root-provider"
+    }));
 }
 function AvatarImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(Avatar.Image, mergeProps({
-        "data-slot": "avatar-image",
         get ["class"] () {
             return clsx(Avatar_module.image, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "avatar-image"
+    }));
 }
 function AvatarFallback(props) {
     const [local, others] = splitProps(props, [
@@ -50,11 +53,11 @@ function AvatarFallback(props) {
         'class'
     ]);
     return createComponent(Avatar.Fallback, mergeProps({
-        "data-slot": "avatar-fallback",
         get ["class"] () {
             return clsx(Avatar_module.fallback, local.class);
         }
     }, others, {
+        "data-slot": "avatar-fallback",
         get children () {
             return local.children;
         }

package/dist/components/avatar/Avatar.jsx

@@ -7,27 +7,27 @@ function AvatarRoot(props) {
         'class',
         'size'
     ]);
-    return <Avatar.Root data-slot="avatar-root" data-size={local.size} class={clsx(Avatar_module.root, local.class)} {...others}/>;
+    return <Avatar.Root data-size={local.size} class={clsx(Avatar_module.root, local.class)} {...others} data-slot="avatar-root"/>;
 }
 function AvatarRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class',
         'size'
     ]);
-    return <Avatar.RootProvider data-slot="avatar-root-provider" data-size={local.size} class={clsx(Avatar_module.root, local.class)} {...others}/>;
+    return <Avatar.RootProvider data-size={local.size} class={clsx(Avatar_module.root, local.class)} {...others} data-slot="avatar-root-provider"/>;
 }
 function AvatarImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <Avatar.Image data-slot="avatar-image" class={clsx(Avatar_module.image, local.class)} {...others}/>;
+    return <Avatar.Image class={clsx(Avatar_module.image, local.class)} {...others} data-slot="avatar-image"/>;
 }
 function AvatarFallback(props) {
     const [local, others] = splitProps(props, [
         'children',
         'class'
     ]);
-    return <Avatar.Fallback data-slot="avatar-fallback" class={clsx(Avatar_module.fallback, local.class)} {...others}>
+    return <Avatar.Fallback class={clsx(Avatar_module.fallback, local.class)} {...others} data-slot="avatar-fallback">
       {local.children}
     </Avatar.Fallback>;
 }

package/dist/components/button/Button.js

@@ -1,12 +1,10 @@
 import { createComponent, memo, mergeProps } from "solid-js/web";
-import { useFocusVisible } from "@ark-ui/solid";
 import { ark } from "@ark-ui/solid/factory";
 import { clsx } from "clsx";
 import { splitProps } from "solid-js";
 import Button_module from "./Button.module.js";
 const ArkButton = ark.button;
 function ButtonRoot(props) {
-    const focusVisible = useFocusVisible();
     const [local, others] = splitProps(props, [
         'asChild',
         'class',
@@ -71,9 +69,6 @@ function ButtonRoot(props) {
         get ["data-disabled"] () {
             return isDisabled() ? '' : void 0;
         },
-        get ["data-focus-visible"] () {
-            return focusVisible() ? '' : void 0;
-        },
         get ["data-loading"] () {
             return local.loading ? '' : void 0;
         },

package/dist/components/button/Button.jsx

@@ -1,11 +1,9 @@
-import { useFocusVisible } from "@ark-ui/solid";
 import { ark } from "@ark-ui/solid/factory";
 import { clsx } from "clsx";
 import { splitProps } from "solid-js";
 import Button_module from "./Button.module.jsx";
 const ArkButton = ark.button;
 function ButtonRoot(props) {
-    const focusVisible = useFocusVisible();
     const [local, others] = splitProps(props, [
         'asChild',
         'class',
@@ -31,7 +29,7 @@ function ButtonRoot(props) {
         }
         local.onClickCapture?.(event);
     };
-    return <ArkButton asChild={local.asChild} {...others} type={local.asChild ? local.type : local.type ?? 'button'} disabled={local.asChild ? void 0 : isDisabled()} aria-busy={local.loading ? true : local['aria-busy']} aria-disabled={isDisabled() ? true : local['aria-disabled']} oncapture:click={handleClickCapture} onClick={local.onClick} data-scope={local['data-scope'] ?? 'button'} data-part={local['data-part'] ?? 'root'} data-slot={local['data-slot'] ?? 'button-root'} data-variant={local.variant ?? 'default'} data-size={local.size ?? 'md'} data-disabled={isDisabled() ? '' : void 0} data-focus-visible={focusVisible() ? '' : void 0} data-loading={local.loading ? '' : void 0} class={clsx(Button_module.root, local.class)}/>;
+    return <ArkButton asChild={local.asChild} {...others} type={local.asChild ? local.type : local.type ?? 'button'} disabled={local.asChild ? void 0 : isDisabled()} aria-busy={local.loading ? true : local['aria-busy']} aria-disabled={isDisabled() ? true : local['aria-disabled']} oncapture:click={handleClickCapture} onClick={local.onClick} data-scope={local['data-scope'] ?? 'button'} data-part={local['data-part'] ?? 'root'} data-slot={local['data-slot'] ?? 'button-root'} data-variant={local.variant ?? 'default'} data-size={local.size ?? 'md'} data-disabled={isDisabled() ? '' : void 0} data-loading={local.loading ? '' : void 0} class={clsx(Button_module.root, local.class)}/>;
 }
 const Button = Object.assign(ButtonRoot, {
     Root: ButtonRoot