@moduix/react 2.5.0 → 2.6.0

package/dist/components/card/Card.d.ts

@@ -1,19 +1,19 @@
 declare const Card: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    size?: "sm" | "md" | "lg";
-    variant?: "elevated" | "outline" | "subtle";
-} & import("react").RefAttributes<HTMLElement>> & {
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'elevated' | 'outline' | 'subtle';
+} & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-        size?: "sm" | "md" | "lg";
-        variant?: "elevated" | "outline" | "subtle";
-    } & import("react").RefAttributes<HTMLElement>>;
-    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Media: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Background: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "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>>;
-    Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
-    Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLElement>>;
+        size?: 'sm' | 'md' | 'lg';
+        variant?: 'elevated' | 'outline' | 'subtle';
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Media: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Background: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    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>>;
+    Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLAnchorElement>>;
 };
 export { Card };

package/dist/components/card/Card.js

@@ -2,7 +2,6 @@ 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, {
@@ -12,7 +11,7 @@ const Card_CardRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md'
         "data-slot": "card-root",
         "data-size": size,
         "data-variant": variant,
-        className: clsx(Card_module.root, normalizeClassName(className)),
+        className: clsx(Card_module.root, className),
         ...props
     });
 });
@@ -22,7 +21,7 @@ const Card_CardHeader = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "card",
         "data-part": "header",
         "data-slot": "card-header",
-        className: clsx(Card_module.header, normalizeClassName(className)),
+        className: clsx(Card_module.header, className),
         ...props
     });
 });
@@ -32,7 +31,7 @@ const Card_CardBody = /*#__PURE__*/ forwardRef(function({ className, ...props },
         "data-scope": "card",
         "data-part": "body",
         "data-slot": "card-body",
-        className: clsx(Card_module.body, normalizeClassName(className)),
+        className: clsx(Card_module.body, className),
         ...props
     });
 });
@@ -42,7 +41,7 @@ const Card_CardMedia = /*#__PURE__*/ forwardRef(function({ className, ...props }
         "data-scope": "card",
         "data-part": "media",
         "data-slot": "card-media",
-        className: clsx(Card_module.media, normalizeClassName(className)),
+        className: clsx(Card_module.media, className),
         ...props
     });
 });
@@ -52,7 +51,7 @@ const Card_CardBackground = /*#__PURE__*/ forwardRef(function({ className, ...pr
         "data-scope": "card",
         "data-part": "background",
         "data-slot": "card-background",
-        className: clsx(Card_module.background, normalizeClassName(className)),
+        className: clsx(Card_module.background, className),
         ...props
     });
 });
@@ -62,7 +61,7 @@ const Card_CardFooter = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "card",
         "data-part": "footer",
         "data-slot": "card-footer",
-        className: clsx(Card_module.footer, normalizeClassName(className)),
+        className: clsx(Card_module.footer, className),
         ...props
     });
 });
@@ -72,7 +71,7 @@ const Card_CardTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }
         "data-scope": "card",
         "data-part": "title",
         "data-slot": "card-title",
-        className: clsx(Card_module.title, normalizeClassName(className)),
+        className: clsx(Card_module.title, className),
         ...props
     });
 });
@@ -82,7 +81,7 @@ const Card_CardDescription = /*#__PURE__*/ forwardRef(function({ className, ...p
         "data-scope": "card",
         "data-part": "description",
         "data-slot": "card-description",
-        className: clsx(Card_module.description, normalizeClassName(className)),
+        className: clsx(Card_module.description, className),
         ...props
     });
 });
@@ -92,7 +91,7 @@ const Card_CardAction = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "card",
         "data-part": "action",
         "data-slot": "card-action",
-        className: clsx(Card_module.action, normalizeClassName(className)),
+        className: clsx(Card_module.action, className),
         ...props
     });
 });
@@ -102,7 +101,7 @@ const Card_CardLink = /*#__PURE__*/ forwardRef(function({ className, ...props },
         "data-scope": "card",
         "data-part": "link",
         "data-slot": "card-link",
-        className: clsx(Card_module.link, normalizeClassName(className)),
+        className: clsx(Card_module.link, className),
         ...props
     });
 });

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)));
@@ -81,7 +80,6 @@
   }
 
   .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.js

@@ -4,13 +4,12 @@ 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)),
+        className: clsx(Carousel_module.root, className),
         ...props
     });
 });
@@ -18,7 +17,7 @@ const Carousel_CarouselRootProvider = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Carousel.RootProvider, {
         ref: ref,
         "data-slot": "carousel-root-provider",
-        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        className: clsx(Carousel_module.root, className),
         ...props
     });
 });
@@ -26,7 +25,7 @@ const Carousel_CarouselControl = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Carousel.Control, {
         ref: ref,
         "data-slot": "carousel-control",
-        className: clsx(Carousel_module.control, normalizeClassName(className)),
+        className: clsx(Carousel_module.control, className),
         ...props
     });
 });
@@ -34,7 +33,7 @@ const Carousel_CarouselItemGroup = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Carousel.ItemGroup, {
         ref: ref,
         "data-slot": "carousel-item-group",
-        className: clsx(Carousel_module.itemGroup, normalizeClassName(className)),
+        className: clsx(Carousel_module.itemGroup, className),
         ...props
     });
 });
@@ -42,7 +41,7 @@ const Carousel_CarouselItem = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Carousel.Item, {
         ref: ref,
         "data-slot": "carousel-item",
-        className: clsx(Carousel_module.item, normalizeClassName(className)),
+        className: clsx(Carousel_module.item, className),
         ...props
     });
 });
@@ -50,7 +49,7 @@ const Carousel_CarouselPrevTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     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,
         children: children ?? /*#__PURE__*/ jsx("span", {
             className: Carousel_module.defaultIcon,
@@ -62,7 +61,7 @@ const Carousel_CarouselNextTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     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,
         children: children ?? /*#__PURE__*/ jsx("span", {
             className: Carousel_module.defaultIcon,
@@ -74,7 +73,7 @@ const Carousel_CarouselIndicatorGroup = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(Carousel.IndicatorGroup, {
         ref: ref,
         "data-slot": "carousel-indicator-group",
-        className: clsx(Carousel_module.indicatorGroup, normalizeClassName(className)),
+        className: clsx(Carousel_module.indicatorGroup, className),
         ...props
     });
 });
@@ -82,7 +81,7 @@ const Carousel_CarouselIndicator = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Carousel.Indicator, {
         ref: ref,
         "data-slot": "carousel-indicator",
-        className: clsx(Carousel_module.indicator, normalizeClassName(className)),
+        className: clsx(Carousel_module.indicator, className),
         ...props
     });
 });
@@ -103,7 +102,7 @@ const Carousel_CarouselAutoplayTrigger = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(Carousel.AutoplayTrigger, {
         ref: ref,
         "data-slot": "carousel-autoplay-trigger",
-        className: clsx(Carousel_module.autoplayTrigger, normalizeClassName(className)),
+        className: clsx(Carousel_module.autoplayTrigger, className),
         ...props
     });
 });
@@ -111,7 +110,7 @@ const Carousel_CarouselAutoplayIndicator = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(Carousel.AutoplayIndicator, {
         ref: ref,
         "data-slot": "carousel-autoplay-indicator",
-        className: clsx(Carousel_module.autoplayIndicator, normalizeClassName(className)),
+        className: clsx(Carousel_module.autoplayIndicator, className),
         ...props
     });
 });
@@ -119,7 +118,7 @@ const Carousel_CarouselProgressText = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Carousel.ProgressText, {
         ref: ref,
         "data-slot": "carousel-progress-text",
-        className: clsx(Carousel_module.progressText, normalizeClassName(className)),
+        className: clsx(Carousel_module.progressText, className),
         ...props
     });
 });

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,13 +42,19 @@
     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;
     user-select: none;
   }
 
-  .root-WpPvZz[data-orientation="vertical"] > .itemGroup-a7LtFI {
+  .itemGroup-a7LtFI[data-orientation="vertical"] {
     overscroll-behavior-x: auto;
     overscroll-behavior-y: contain;
     height: 100%;
@@ -130,7 +137,7 @@
     display: flex;
   }
 
-  .root-WpPvZz[data-orientation="vertical"] > .indicatorGroup-TO_gj_, .control-WlsxZf[data-orientation="vertical"] > .indicatorGroup-TO_gj_ {
+  .indicatorGroup-TO_gj_[data-orientation="vertical"] {
     flex-direction: column;
   }
 
@@ -170,7 +177,7 @@
     opacity: var(--moduix-opacity-disabled);
   }
 
-  :is(.root-WpPvZz[data-orientation="vertical"] > .indicatorGroup-TO_gj_ .indicator-cjLdPK, .control-WlsxZf[data-orientation="vertical"] > .indicatorGroup-TO_gj_ .indicator-cjLdPK)[data-current] {
+  .indicator-cjLdPK[data-orientation="vertical"][data-current] {
     width: var(--moduix-carousel-indicator-size, var(--moduix-spacing-2));
     height: calc(var(--moduix-carousel-indicator-size, var(--moduix-spacing-2)) * 3);
   }

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: {
@@ -22,7 +21,7 @@ const Chart_ChartRoot = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "chart",
         "data-part": "root",
         "data-slot": "chart-root",
-        className: clsx(Chart_module.root, normalizeClassName(className)),
+        className: clsx(Chart_module.root, className),
         ...props
     });
 });
@@ -87,7 +86,7 @@ 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) {
@@ -96,7 +95,7 @@ const Chart_ChartHeader = /*#__PURE__*/ forwardRef(function({ className, ...prop
         "data-scope": "chart",
         "data-part": "header",
         "data-slot": "chart-header",
-        className: clsx(Chart_module.header, normalizeClassName(className)),
+        className: clsx(Chart_module.header, className),
         ...props
     });
 });
@@ -106,7 +105,7 @@ const Chart_ChartTitle = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "chart",
         "data-part": "title",
         "data-slot": "chart-title",
-        className: clsx(Chart_module.title, normalizeClassName(className)),
+        className: clsx(Chart_module.title, className),
         ...props
     });
 });
@@ -116,7 +115,7 @@ const Chart_ChartDescription = /*#__PURE__*/ forwardRef(function({ className, ..
         "data-scope": "chart",
         "data-part": "description",
         "data-slot": "chart-description",
-        className: clsx(Chart_module.description, normalizeClassName(className)),
+        className: clsx(Chart_module.description, className),
         ...props
     });
 });
@@ -126,7 +125,7 @@ const Chart_ChartLegend = /*#__PURE__*/ forwardRef(function({ className, ...prop
         "data-scope": "chart",
         "data-part": "legend",
         "data-slot": "chart-legend",
-        className: clsx(Chart_module.legend, normalizeClassName(className)),
+        className: clsx(Chart_module.legend, className),
         ...props
     });
 });
@@ -136,7 +135,7 @@ const Chart_ChartLegendItem = /*#__PURE__*/ forwardRef(function({ className, col
         "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

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>>;

package/dist/components/checkbox/Checkbox.js

@@ -2,30 +2,25 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from "@ark-ui/react/checkbox";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
+import { forwardRef } from "react";
 import { CheckIcon, IndeterminateIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Checkbox_module from "./Checkbox.module.js";
-const Checkbox_CheckboxRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Checkbox_CheckboxRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Checkbox.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "checkbox-root",
         "data-size": size,
-        className: clsx(Checkbox_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Checkbox_module.root, className),
+        ...props
     });
 });
-const Checkbox_CheckboxRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Checkbox_CheckboxRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Checkbox.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "checkbox-root-provider",
         "data-size": size,
-        className: clsx(Checkbox_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Checkbox_module.root, className),
+        ...props
     });
 });
 const Checkbox_CheckboxIndicator = /*#__PURE__*/ forwardRef(function({ className, children, indeterminate, ...props }, ref) {
@@ -33,7 +28,7 @@ const Checkbox_CheckboxIndicator = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Checkbox.Indicator, {
         ref: ref,
         "data-slot": "checkbox-indicator",
-        className: clsx(Checkbox_module.indicator, normalizeClassName(className)),
+        className: clsx(Checkbox_module.indicator, className),
         indeterminate: indeterminate,
         ...props,
         children: children ?? /*#__PURE__*/ jsx("span", {
@@ -48,7 +43,7 @@ const Checkbox_CheckboxControl = /*#__PURE__*/ forwardRef(function({ children, c
     return /*#__PURE__*/ jsx(Checkbox.Control, {
         ref: ref,
         "data-slot": "checkbox-control",
-        className: clsx(Checkbox_module.control, normalizeClassName(className)),
+        className: clsx(Checkbox_module.control, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -60,30 +55,11 @@ const Checkbox_CheckboxControl = /*#__PURE__*/ forwardRef(function({ children, c
         })
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(CheckboxHiddenInput, {});
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
-function CheckboxHiddenInput() {
-    const checkbox = useCheckboxContext();
-    const readOnly = void 0 !== checkbox.getRootProps()['data-readonly'];
-    return /*#__PURE__*/ jsx(Checkbox.HiddenInput, {
-        "aria-readonly": readOnly || void 0,
-        "data-slot": "checkbox-hidden-input"
-    });
-}
 const Checkbox_CheckboxLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Checkbox.Label, {
         ref: ref,
         "data-slot": "checkbox-label",
-        className: clsx(Checkbox_module.label, normalizeClassName(className)),
+        className: clsx(Checkbox_module.label, className),
         ...props
     });
 });
@@ -91,7 +67,7 @@ const Checkbox_CheckboxGroup = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Checkbox.Group, {
         ref: ref,
         "data-slot": "checkbox-group",
-        className: clsx(Checkbox_module.group, normalizeClassName(className)),
+        className: clsx(Checkbox_module.group, className),
         ...props
     });
 });
@@ -99,6 +75,7 @@ const Checkbox_Checkbox = Object.assign(Checkbox_CheckboxRoot, {
     Root: Checkbox_CheckboxRoot,
     RootProvider: Checkbox_CheckboxRootProvider,
     Context: Checkbox.Context,
+    HiddenInput: Checkbox.HiddenInput,
     Control: Checkbox_CheckboxControl,
     Indicator: Checkbox_CheckboxIndicator,
     Label: Checkbox_CheckboxLabel,