@moduix/react 2.6.0 → 2.7.0

package/dist/components/accordion/Accordion.js

@@ -9,50 +9,50 @@ import Accordion_module from "./Accordion.module.js";
 const Accordion_AccordionRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Accordion.Root, {
         ref: ref,
-        "data-slot": "accordion-root",
         className: clsx(Accordion_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "accordion-root"
     });
 });
 const Accordion_AccordionRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Accordion.RootProvider, {
         ref: ref,
-        "data-slot": "accordion-root-provider",
         className: clsx(Accordion_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "accordion-root-provider"
     });
 });
 const Accordion_AccordionItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Accordion.Item, {
         ref: ref,
-        "data-slot": "accordion-item",
         className: clsx(Accordion_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "accordion-item"
     });
 });
 const Accordion_AccordionItemTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Accordion.ItemTrigger, {
         ref: ref,
-        "data-slot": "accordion-item-trigger",
         className: clsx(Accordion_module.itemTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "accordion-item-trigger"
     });
 });
 const Accordion_AccordionItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Accordion.ItemIndicator, {
         ref: ref,
-        "data-slot": "accordion-item-indicator",
         className: clsx(Accordion_module.itemIndicator, className),
         ...props,
+        "data-slot": "accordion-item-indicator",
         children: children ?? /*#__PURE__*/ jsx(PlusIcon, {})
     });
 });
 const Accordion_AccordionItemContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Accordion.ItemContent, {
         ref: ref,
-        "data-slot": "accordion-item-content",
         className: clsx(Accordion_module.itemContent, className),
-        ...props
+        ...props,
+        "data-slot": "accordion-item-content"
     });
 });
 const Accordion_AccordionItemBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -60,9 +60,9 @@ const Accordion_AccordionItemBody = /*#__PURE__*/ forwardRef(function({ classNam
         ref: ref,
         "data-scope": "accordion",
         "data-part": "item-body",
-        "data-slot": "accordion-item-body",
         className: clsx(Accordion_module.itemBody, className),
-        ...props
+        ...props,
+        "data-slot": "accordion-item-body"
     });
 });
 const Accordion_Accordion = Object.assign(Accordion_AccordionRoot, {

package/dist/components/alert/Alert.js

@@ -6,13 +6,13 @@ import Alert_module from "./Alert.module.js";
 const Alert_AlertRoot = /*#__PURE__*/ forwardRef(function({ children, className, role, status = 'info', ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        role: role ?? ('error' === status ? 'alert' : 'status'),
+        role: role,
         "data-scope": "alert",
         "data-part": "root",
-        "data-slot": "alert-root",
         "data-status": status,
         className: clsx(Alert_module.root, className),
         ...props,
+        "data-slot": "alert-root",
         children: children
     });
 });
@@ -21,10 +21,10 @@ const Alert_AlertIndicator = /*#__PURE__*/ forwardRef(function({ className, ...p
         ref: ref,
         "data-scope": "alert",
         "data-part": "indicator",
-        "data-slot": "alert-indicator",
         "aria-hidden": "true",
         className: clsx(Alert_module.indicator, className),
-        ...props
+        ...props,
+        "data-slot": "alert-indicator"
     });
 });
 const Alert_AlertContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -32,9 +32,9 @@ const Alert_AlertContent = /*#__PURE__*/ forwardRef(function({ className, ...pro
         ref: ref,
         "data-scope": "alert",
         "data-part": "content",
-        "data-slot": "alert-content",
         className: clsx(Alert_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "alert-content"
     });
 });
 const Alert_AlertTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -42,9 +42,9 @@ const Alert_AlertTitle = /*#__PURE__*/ forwardRef(function({ className, ...props
         ref: ref,
         "data-scope": "alert",
         "data-part": "title",
-        "data-slot": "alert-title",
         className: clsx(Alert_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "alert-title"
     });
 });
 const Alert_AlertDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -52,9 +52,9 @@ const Alert_AlertDescription = /*#__PURE__*/ forwardRef(function({ className, ..
         ref: ref,
         "data-scope": "alert",
         "data-part": "description",
-        "data-slot": "alert-description",
         className: clsx(Alert_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "alert-description"
     });
 });
 const Alert_AlertActions = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -62,9 +62,9 @@ const Alert_AlertActions = /*#__PURE__*/ forwardRef(function({ className, ...pro
         ref: ref,
         "data-scope": "alert",
         "data-part": "actions",
-        "data-slot": "alert-actions",
         className: clsx(Alert_module.actions, className),
-        ...props
+        ...props,
+        "data-slot": "alert-actions"
     });
 });
 const Alert = Object.assign(Alert_AlertRoot, {

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

@@ -7,58 +7,58 @@ import AngleSlider_module from "./AngleSlider.module.js";
 const AngleSlider_AngleSliderRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.Root, {
         ref: ref,
-        "data-slot": "angle-slider-root",
         className: clsx(AngleSlider_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-root"
     });
 });
 const AngleSlider_AngleSliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.Label, {
         ref: ref,
-        "data-slot": "angle-slider-label",
         className: clsx(AngleSlider_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-label"
     });
 });
 const AngleSlider_AngleSliderRootProvider = /*#__PURE__*/ forwardRef(function({ className, value, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.RootProvider, {
         ref: ref,
-        "data-slot": "angle-slider-root-provider",
         className: clsx(AngleSlider_module.root, className),
         value: value,
-        ...props
+        ...props,
+        "data-slot": "angle-slider-root-provider"
     });
 });
 const AngleSlider_AngleSliderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.Control, {
         ref: ref,
-        "data-slot": "angle-slider-control",
         className: clsx(AngleSlider_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-control"
     });
 });
 const AngleSlider_AngleSliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.Thumb, {
         ref: ref,
-        "data-slot": "angle-slider-thumb",
         className: clsx(AngleSlider_module.thumb, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-thumb"
     });
 });
 const AngleSlider_AngleSliderMarkerGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.MarkerGroup, {
         ref: ref,
-        "data-slot": "angle-slider-marker-group",
         className: clsx(AngleSlider_module.markerGroup, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-marker-group"
     });
 });
 const AngleSlider_AngleSliderMarker = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.Marker, {
         ref: ref,
-        "data-slot": "angle-slider-marker",
         className: clsx(AngleSlider_module.marker, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-marker"
     });
 });
 function AngleSliderMarks({ values, ...props }) {
@@ -81,9 +81,9 @@ function AngleSliderDial({ children, ...props }) {
 const AngleSlider_AngleSliderValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(AngleSlider.ValueText, {
         ref: ref,
-        "data-slot": "angle-slider-value-text",
         className: clsx(AngleSlider_module.valueText, className),
-        ...props
+        ...props,
+        "data-slot": "angle-slider-value-text"
     });
 });
 const AngleSlider_AngleSlider = Object.assign(AngleSlider_AngleSliderRoot, {

package/dist/components/avatar/Avatar.js

@@ -6,35 +6,35 @@ import Avatar_module from "./Avatar.module.js";
 const Avatar_AvatarRoot = /*#__PURE__*/ forwardRef(function({ className, size, ...props }, ref) {
     return /*#__PURE__*/ jsx(Avatar.Root, {
         ref: ref,
-        "data-slot": "avatar-root",
         "data-size": size,
         className: clsx(Avatar_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "avatar-root"
     });
 });
 const Avatar_AvatarRootProvider = /*#__PURE__*/ forwardRef(function({ className, size, ...props }, ref) {
     return /*#__PURE__*/ jsx(Avatar.RootProvider, {
         ref: ref,
-        "data-slot": "avatar-root-provider",
         "data-size": size,
         className: clsx(Avatar_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "avatar-root-provider"
     });
 });
 const Avatar_AvatarImage = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Avatar.Image, {
         ref: ref,
-        "data-slot": "avatar-image",
         className: clsx(Avatar_module.image, className),
-        ...props
+        ...props,
+        "data-slot": "avatar-image"
     });
 });
 const Avatar_AvatarFallback = /*#__PURE__*/ forwardRef(function({ children, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Avatar.Fallback, {
         ref: ref,
-        "data-slot": "avatar-fallback",
         className: clsx(Avatar_module.fallback, className),
         ...props,
+        "data-slot": "avatar-fallback",
         children: children
     });
 });

package/dist/components/button/Button_module.css

@@ -6,7 +6,6 @@
     gap: var(--moduix-button-content-gap, var(--moduix-spacing-2));
     border: var(--moduix-button-border-width, var(--moduix-border-width-sm)) solid transparent;
     border-radius: var(--moduix-button-radius, var(--moduix-radius-md));
-    color: var(--moduix-button-color, var(--moduix-color-foreground));
     appearance: none;
     font: inherit;
     font-size: var(--moduix-button-font-size, var(--moduix-text-sm));

package/dist/components/card/Card.js

@@ -6,103 +6,103 @@ import Card_module from "./Card.module.js";
 const Card_CardRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', variant = 'outline', ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.root, className),
+        ...props,
         "data-scope": "card",
         "data-part": "root",
-        "data-slot": "card-root",
         "data-size": size,
         "data-variant": variant,
-        className: clsx(Card_module.root, className),
-        ...props
+        "data-slot": "card-root"
     });
 });
 const Card_CardHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.header, className),
+        ...props,
         "data-scope": "card",
         "data-part": "header",
-        "data-slot": "card-header",
-        className: clsx(Card_module.header, className),
-        ...props
+        "data-slot": "card-header"
     });
 });
 const Card_CardBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.body, className),
+        ...props,
         "data-scope": "card",
         "data-part": "body",
-        "data-slot": "card-body",
-        className: clsx(Card_module.body, className),
-        ...props
+        "data-slot": "card-body"
     });
 });
 const Card_CardMedia = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.media, className),
+        ...props,
         "data-scope": "card",
         "data-part": "media",
-        "data-slot": "card-media",
-        className: clsx(Card_module.media, className),
-        ...props
+        "data-slot": "card-media"
     });
 });
 const Card_CardBackground = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.background, className),
+        ...props,
         "data-scope": "card",
         "data-part": "background",
-        "data-slot": "card-background",
-        className: clsx(Card_module.background, className),
-        ...props
+        "data-slot": "card-background"
     });
 });
 const Card_CardFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.footer, className),
+        ...props,
         "data-scope": "card",
         "data-part": "footer",
-        "data-slot": "card-footer",
-        className: clsx(Card_module.footer, className),
-        ...props
+        "data-slot": "card-footer"
     });
 });
 const Card_CardTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.h3, {
         ref: ref,
+        className: clsx(Card_module.title, className),
+        ...props,
         "data-scope": "card",
         "data-part": "title",
-        "data-slot": "card-title",
-        className: clsx(Card_module.title, className),
-        ...props
+        "data-slot": "card-title"
     });
 });
 const Card_CardDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.p, {
         ref: ref,
+        className: clsx(Card_module.description, className),
+        ...props,
         "data-scope": "card",
         "data-part": "description",
-        "data-slot": "card-description",
-        className: clsx(Card_module.description, className),
-        ...props
+        "data-slot": "card-description"
     });
 });
 const Card_CardAction = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        className: clsx(Card_module.action, className),
+        ...props,
         "data-scope": "card",
         "data-part": "action",
-        "data-slot": "card-action",
-        className: clsx(Card_module.action, className),
-        ...props
+        "data-slot": "card-action"
     });
 });
 const Card_CardLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.a, {
         ref: ref,
+        className: clsx(Card_module.link, className),
+        ...props,
         "data-scope": "card",
         "data-part": "link",
-        "data-slot": "card-link",
-        className: clsx(Card_module.link, className),
-        ...props
+        "data-slot": "card-link"
     });
 });
 const Card = Object.assign(Card_CardRoot, {

package/dist/components/card/Card_module.css

@@ -74,7 +74,7 @@
     z-index: 1;
   }
 
-  .root-aWX0Lo:has([data-scope="card"][data-part="link"]) :where(a, button, input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="switch"], [tabindex]:not([tabindex="-1"])):not([data-scope="card"][data-part="link"]) {
+  .root-aWX0Lo:has([data-scope="card"][data-part="link"]) :where(a, button, input, select, textarea, summary, audio[controls], video[controls], iframe, [contenteditable="true"], [role="button"], [role="checkbox"], [role="menuitem"], [role="switch"], [tabindex]:not([tabindex="-1"])):not([data-scope="card"][data-part="link"]) {
     z-index: 1;
     position: relative;
   }

package/dist/components/carousel/Carousel.d.ts

@@ -10,7 +10,7 @@ declare const Carousel: import("react").ForwardRefExoticComponent<Omit<CarouselP
     NextTrigger: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     IndicatorGroup: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Indicator: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.IndicatorProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Indicators: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement> & {
+    Indicators: import("react").ForwardRefExoticComponent<Omit<Omit<CarouselPrimitive.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children"> & {
         indicatorClassName?: string;
     }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     AutoplayTrigger: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.AutoplayTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/carousel/Carousel.js

@@ -8,49 +8,49 @@ import Carousel_module from "./Carousel.module.js";
 const Carousel_CarouselRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.Root, {
         ref: ref,
-        "data-slot": "carousel-root",
         className: clsx(Carousel_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-root"
     });
 });
 const Carousel_CarouselRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.RootProvider, {
         ref: ref,
-        "data-slot": "carousel-root-provider",
         className: clsx(Carousel_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-root-provider"
     });
 });
 const Carousel_CarouselControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.Control, {
         ref: ref,
-        "data-slot": "carousel-control",
         className: clsx(Carousel_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-control"
     });
 });
 const Carousel_CarouselItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.ItemGroup, {
         ref: ref,
-        "data-slot": "carousel-item-group",
         className: clsx(Carousel_module.itemGroup, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-item-group"
     });
 });
 const Carousel_CarouselItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.Item, {
         ref: ref,
-        "data-slot": "carousel-item",
         className: clsx(Carousel_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-item"
     });
 });
 const Carousel_CarouselPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.PrevTrigger, {
         ref: ref,
-        "data-slot": "carousel-prev-trigger",
         className: clsx(Carousel_module.prevTrigger, className),
         ...props,
+        "data-slot": "carousel-prev-trigger",
         children: children ?? /*#__PURE__*/ jsx("span", {
             className: Carousel_module.defaultIcon,
             children: /*#__PURE__*/ jsx(ChevronLeftIcon, {})
@@ -60,9 +60,9 @@ const Carousel_CarouselPrevTrigger = /*#__PURE__*/ forwardRef(function({ classNa
 const Carousel_CarouselNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.NextTrigger, {
         ref: ref,
-        "data-slot": "carousel-next-trigger",
         className: clsx(Carousel_module.nextTrigger, className),
         ...props,
+        "data-slot": "carousel-next-trigger",
         children: children ?? /*#__PURE__*/ jsx("span", {
             className: Carousel_module.defaultIcon,
             children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
@@ -72,17 +72,17 @@ const Carousel_CarouselNextTrigger = /*#__PURE__*/ forwardRef(function({ classNa
 const Carousel_CarouselIndicatorGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.IndicatorGroup, {
         ref: ref,
-        "data-slot": "carousel-indicator-group",
         className: clsx(Carousel_module.indicatorGroup, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-indicator-group"
     });
 });
 const Carousel_CarouselIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.Indicator, {
         ref: ref,
-        "data-slot": "carousel-indicator",
         className: clsx(Carousel_module.indicator, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-indicator"
     });
 });
 const Carousel_CarouselIndicators = /*#__PURE__*/ forwardRef(function({ className, indicatorClassName, ...props }, ref) {
@@ -101,25 +101,25 @@ const Carousel_CarouselIndicators = /*#__PURE__*/ forwardRef(function({ classNam
 const Carousel_CarouselAutoplayTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.AutoplayTrigger, {
         ref: ref,
-        "data-slot": "carousel-autoplay-trigger",
         className: clsx(Carousel_module.autoplayTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-autoplay-trigger"
     });
 });
 const Carousel_CarouselAutoplayIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.AutoplayIndicator, {
         ref: ref,
-        "data-slot": "carousel-autoplay-indicator",
         className: clsx(Carousel_module.autoplayIndicator, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-autoplay-indicator"
     });
 });
 const Carousel_CarouselProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Carousel.ProgressText, {
         ref: ref,
-        "data-slot": "carousel-progress-text",
         className: clsx(Carousel_module.progressText, className),
-        ...props
+        ...props,
+        "data-slot": "carousel-progress-text"
     });
 });
 const Carousel_Carousel = Object.assign(Carousel_CarouselRoot, {

package/dist/components/chart/Chart.js

@@ -18,11 +18,11 @@ const defaultChartRenderer = motion_motion({
 const Chart_ChartRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.figure, {
         ref: ref,
+        className: clsx(Chart_module.root, className),
+        ...props,
         "data-scope": "chart",
         "data-part": "root",
-        "data-slot": "chart-root",
-        className: clsx(Chart_module.root, className),
-        ...props
+        "data-slot": "chart-root"
     });
 });
 const renderDefaultTooltipBody = ({ content })=>{
@@ -92,55 +92,55 @@ const Chart_ChartPlot = function({ className, motion = true, renderTooltipBody,
 const Chart_ChartHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.figcaption, {
         ref: ref,
+        className: clsx(Chart_module.header, className),
+        ...props,
         "data-scope": "chart",
         "data-part": "header",
-        "data-slot": "chart-header",
-        className: clsx(Chart_module.header, className),
-        ...props
+        "data-slot": "chart-header"
     });
 });
 const Chart_ChartTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.h3, {
         ref: ref,
+        className: clsx(Chart_module.title, className),
+        ...props,
         "data-scope": "chart",
         "data-part": "title",
-        "data-slot": "chart-title",
-        className: clsx(Chart_module.title, className),
-        ...props
+        "data-slot": "chart-title"
     });
 });
 const Chart_ChartDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.p, {
         ref: ref,
+        className: clsx(Chart_module.description, className),
+        ...props,
         "data-scope": "chart",
         "data-part": "description",
-        "data-slot": "chart-description",
-        className: clsx(Chart_module.description, className),
-        ...props
+        "data-slot": "chart-description"
     });
 });
 const Chart_ChartLegend = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.ul, {
         ref: ref,
+        className: clsx(Chart_module.legend, className),
+        ...props,
         "data-scope": "chart",
         "data-part": "legend",
-        "data-slot": "chart-legend",
-        className: clsx(Chart_module.legend, className),
-        ...props
+        "data-slot": "chart-legend"
     });
 });
 const Chart_ChartLegendItem = /*#__PURE__*/ forwardRef(function({ className, color, style, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.li, {
         ref: ref,
-        "data-scope": "chart",
-        "data-part": "legend-item",
-        "data-slot": "chart-legend-item",
         className: clsx(Chart_module.legendItem, className),
         style: color ? {
             '--moduix-chart-legend-indicator-color': color,
             ...style
         } : style,
-        ...props
+        ...props,
+        "data-scope": "chart",
+        "data-part": "legend-item",
+        "data-slot": "chart-legend-item"
     });
 });
 const Chart = Object.assign(Chart_ChartRoot, {