@moduix/react 2.5.1 → 2.7.0

package/dist/components/card/Card.js

@@ -2,108 +2,107 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(className)),
-        ...props
+        "data-slot": "card-link"
     });
 });
 const Card = Object.assign(Card_CardRoot, {

package/dist/components/card/Card_module.css

@@ -4,7 +4,6 @@
     --_card-section-spacing-default: var(--moduix-card-spacing, var(--moduix-card-body-padding-top, var(--moduix-spacing-4)));
     --_card-title-font-size-default: var(--moduix-card-title-font-size, var(--moduix-text-lg));
     --_card-title-line-height-default: var(--moduix-card-title-line-height, var(--moduix-line-height-text-lg));
-    box-sizing: border-box;
     border: var(--moduix-card-border-width, var(--_card-border-width-default, var(--moduix-border-width-sm)))
       solid
       var(--moduix-card-border-color, var(--_card-border-color-default, var(--moduix-color-border)));
@@ -75,13 +74,12 @@
     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;
   }
 
   .header-F5Ms8N, .body-eUwDjL, .footer-QbUloO {
-    box-sizing: border-box;
     min-width: 0;
     padding-inline: var(--_card-padding-default);
   }
@@ -101,16 +99,12 @@
     overflow: hidden;
   }
 
-  .media-ARRUMe > :where(img, picture, video, canvas, svg, iframe) {
+  .media-ARRUMe > :where(img, picture, video, canvas, svg, iframe), .media-ARRUMe > picture > img {
     width: 100%;
     max-width: 100%;
     display: block;
   }
 
-  .media-ARRUMe > picture > img {
-    display: block;
-  }
-
   .background-AxFCfZ {
     z-index: 0;
     border-radius: inherit;
@@ -144,14 +138,6 @@
     padding-block-start: var(--_card-padding-default);
   }
 
-  .body-eUwDjL > :first-child {
-    margin-block-start: 0;
-  }
-
-  .body-eUwDjL > :last-child {
-    margin-bottom: 0;
-  }
-
   .footer-QbUloO {
     align-items: center;
     gap: var(--moduix-card-footer-gap, var(--moduix-spacing-2));
@@ -168,7 +154,6 @@
     line-height: var(--_card-title-line-height-default);
     overflow-wrap: anywhere;
     grid-column: 1;
-    margin: 0;
   }
 
   .description-sVGJRZ {
@@ -178,7 +163,6 @@
     line-height: var(--moduix-card-description-line-height, var(--moduix-line-height-text-sm));
     overflow-wrap: anywhere;
     grid-column: 1;
-    margin: 0;
   }
 
   .action-LB386d {

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

@@ -4,54 +4,53 @@ import { Carousel, useCarousel, useCarouselContext } from "@ark-ui/react/carouse
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.root, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.root, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.control, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.itemGroup, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.item, className),
+        ...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, normalizeClassName(className)),
+        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, {})
@@ -61,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, normalizeClassName(className)),
+        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, {})
@@ -73,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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.indicatorGroup, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.indicator, className),
+        ...props,
+        "data-slot": "carousel-indicator"
     });
 });
 const Carousel_CarouselIndicators = /*#__PURE__*/ forwardRef(function({ className, indicatorClassName, ...props }, ref) {
@@ -102,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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.autoplayTrigger, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.autoplayIndicator, className),
+        ...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, normalizeClassName(className)),
-        ...props
+        className: clsx(Carousel_module.progressText, className),
+        ...props,
+        "data-slot": "carousel-progress-text"
     });
 });
 const Carousel_Carousel = Object.assign(Carousel_CarouselRoot, {

package/dist/components/carousel/Carousel_module.css

@@ -31,6 +31,7 @@
     border-radius: var(--moduix-carousel-track-radius, var(--moduix-radius-xl));
     scrollbar-width: none;
     scroll-behavior: smooth;
+    outline: 0;
     flex: auto;
     min-width: 0;
     min-height: 0;
@@ -41,6 +42,12 @@
     display: none;
   }
 
+  .itemGroup-a7LtFI:focus-visible {
+    outline: var(--moduix-carousel-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-carousel-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-carousel-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+  }
+
   .itemGroup-a7LtFI[data-dragging] {
     cursor: grabbing;
     -webkit-user-select: none;

package/dist/components/chart/Chart.d.ts

@@ -1,17 +1,18 @@
 import type { ChartValue } from '@tanstack/charts';
 import type { RendererChartProps } from '@tanstack/charts/react/tooltip';
+declare const ChartPlot: <TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue>({ className, motion, renderTooltipBody, renderer, ...props }: Omit<RendererChartProps<TDatum, TXValue, TYValue>, 'renderer'> & {
+    motion?: boolean;
+    renderer?: RendererChartProps<TDatum, TXValue, TYValue>['renderer'];
+}) => import("react").JSX.Element;
 declare const Chart: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Plot: <TDatum, TXValue extends ChartValue = ChartValue, TYValue extends ChartValue = ChartValue>({ className, motion, renderTooltipBody, renderer, ...props }: Omit<RendererChartProps<TDatum, TXValue, TYValue>, "renderer"> & {
-        motion?: boolean;
-        renderer?: RendererChartProps<TDatum, TXValue, TYValue>["renderer"];
-    }) => import("react").JSX.Element;
+    Plot: typeof ChartPlot;
     Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLUListElement>>;
     LegendItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
         color?: string;
-    } & import("react").RefAttributes<HTMLElement>>;
+    } & import("react").RefAttributes<HTMLLIElement>>;
 };
 export { Chart };

package/dist/components/chart/Chart.js

@@ -6,7 +6,6 @@ import { RendererChart } from "@tanstack/charts/react/tooltip";
 import { svgChartRenderer } from "@tanstack/charts/svg/renderer";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Chart_module from "./Chart.module.js";
 const defaultChartRenderer = motion_motion({
     transition: {
@@ -19,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, normalizeClassName(className)),
-        ...props
+        "data-slot": "chart-root"
     });
 });
 const renderDefaultTooltipBody = ({ content })=>{
@@ -87,61 +86,61 @@ const Chart_ChartPlot = function({ className, motion = true, renderTooltipBody,
         ...props,
         renderer: renderer ?? (motion ? defaultChartRenderer : svgChartRenderer),
         renderTooltipBody: renderTooltipBody ?? renderDefaultTooltipBody,
-        className: clsx(Chart_module.plot, normalizeClassName(className))
+        className: clsx(Chart_module.plot, className)
     });
 };
 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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(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, normalizeClassName(className)),
+        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, {

package/dist/components/chart/Chart_module.css

@@ -16,7 +16,6 @@
   }
 
   .plot-Ww_CVs {
-    border-radius: var(--moduix-chart-plot-radius, var(--moduix-radius-md));
     min-width: 0;
     color: var(--moduix-chart-axis-color, var(--moduix-color-muted-foreground));
     --ts-chart-tooltip-background: var(--moduix-chart-tooltip-bg, var(--moduix-color-popover));
@@ -49,7 +48,6 @@
   }
 
   .title-zKDqX9 {
-    color: currentColor;
     font-size: var(--moduix-text-lg);
     font-weight: var(--moduix-weight-semibold);
     line-height: var(--moduix-line-height-text-lg);

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { Checkbox as CheckboxPrimitive, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '@ark-ui/react/checkbox';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type RootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
     size?: CheckboxSize;
@@ -10,7 +10,8 @@ type RootProviderProps = ComponentProps<typeof CheckboxPrimitive.RootProvider> &
 declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<RootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<RootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-    Context: (props: CheckboxPrimitive.ContextProps) => ReactNode;
+    Context: (props: CheckboxPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<CheckboxPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Indicator: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;