@moduix/react 2.5.0 → 2.6.0

package/dist/components/swap/Swap.js

@@ -3,14 +3,13 @@ import { jsx } from "react/jsx-runtime";
 import { Swap, useSwap, useSwapContext } from "@ark-ui/react/swap";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Swap_module from "./Swap.module.js";
 const Swap_SwapRoot = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Swap.Root, {
         ref: ref,
         "data-slot": "swap-root",
         "data-animation": animation,
-        className: clsx(Swap_module.root, normalizeClassName(className)),
+        className: clsx(Swap_module.root, className),
         ...props
     });
 });
@@ -19,7 +18,7 @@ const Swap_SwapRootProvider = /*#__PURE__*/ forwardRef(function({ animation = 's
         ref: ref,
         "data-slot": "swap-root-provider",
         "data-animation": animation,
-        className: clsx(Swap_module.root, normalizeClassName(className)),
+        className: clsx(Swap_module.root, className),
         ...props
     });
 });
@@ -27,7 +26,7 @@ const Swap_SwapIndicator = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Swap.Indicator, {
         ref: ref,
         "data-slot": "swap-indicator",
-        className: clsx(Swap_module.indicator, normalizeClassName(className)),
+        className: clsx(Swap_module.indicator, className),
         ...props
     });
 });

package/dist/components/switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { Switch as SwitchPrimitive, useSwitch, useSwitchContext } from '@ark-ui/react/switch';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type SwitchRootProps = ComponentProps<typeof SwitchPrimitive.Root> & {
     size?: SwitchSize;
@@ -10,10 +10,11 @@ type SwitchRootProviderProps = ComponentProps<typeof SwitchPrimitive.RootProvide
 declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<SwitchRootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<SwitchPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.ControlProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     Thumb: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.ThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    Context: (props: SwitchPrimitive.ContextProps) => ReactNode;
+    Context: (props: SwitchPrimitive.ContextProps) => import("react").ReactNode;
 };
 export { Switch, useSwitch, useSwitchContext };
 export type { SwitchRootProps, SwitchRootProviderProps, SwitchSize };

package/dist/components/switch/Switch.js

@@ -1,37 +1,32 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Switch, SwitchContext, useSwitch, useSwitchContext } from "@ark-ui/react/switch";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { forwardRef } from "react";
 import Switch_module from "./Switch.module.js";
-const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "switch-root",
         "data-size": size,
-        className: clsx(Switch_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Switch_module.root, className),
+        ...props
     });
 });
-const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "switch-root-provider",
         "data-size": size,
-        className: clsx(Switch_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(Switch_module.root, className),
+        ...props
     });
 });
 const Switch_SwitchControl = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Control, {
         ref: ref,
         "data-slot": "switch-control",
-        className: clsx(Switch_module.control, normalizeClassName(className)),
+        className: clsx(Switch_module.control, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(Switch_SwitchThumb, {})
     });
@@ -40,7 +35,7 @@ const Switch_SwitchThumb = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Switch.Thumb, {
         ref: ref,
         "data-slot": "switch-thumb",
-        className: clsx(Switch_module.thumb, normalizeClassName(className)),
+        className: clsx(Switch_module.thumb, className),
         ...props
     });
 });
@@ -48,32 +43,14 @@ const Switch_SwitchLabel = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Switch.Label, {
         ref: ref,
         "data-slot": "switch-label",
-        className: clsx(Switch_module.label, normalizeClassName(className)),
+        className: clsx(Switch_module.label, className),
         ...props
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(SwitchHiddenInput, {});
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
-function SwitchHiddenInput() {
-    const switchApi = useSwitchContext();
-    const readOnly = void 0 !== switchApi.getRootProps()['data-readonly'];
-    return /*#__PURE__*/ jsx(Switch.HiddenInput, {
-        "aria-readonly": readOnly || void 0,
-        "data-slot": "switch-hidden-input"
-    });
-}
 const Switch_Switch = Object.assign(Switch_SwitchRoot, {
     Root: Switch_SwitchRoot,
     RootProvider: Switch_SwitchRootProvider,
+    HiddenInput: Switch.HiddenInput,
     Control: Switch_SwitchControl,
     Thumb: Switch_SwitchThumb,
     Label: Switch_SwitchLabel,

package/dist/components/switch/Switch_module.css

@@ -4,7 +4,6 @@
     gap: var(--moduix-switch-gap, var(--moduix-spacing-2));
     vertical-align: middle;
     cursor: pointer;
-    width: -moz-fit-content;
     width: fit-content;
     display: inline-flex;
   }

package/dist/components/table/Table.d.ts

@@ -1,22 +1,22 @@
 declare const Table: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     interactive?: boolean;
     showColumnBorder?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: 'sm' | 'md' | 'lg';
     stickyHeader?: boolean;
     striped?: boolean;
-    variant?: "line" | "outline";
+    variant?: 'line' | 'outline';
 } & import("react").RefAttributes<HTMLTableElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
         interactive?: boolean;
         showColumnBorder?: boolean;
-        size?: "sm" | "md" | "lg";
+        size?: 'sm' | 'md' | 'lg';
         stickyHeader?: boolean;
         striped?: boolean;
-        variant?: "line" | "outline";
+        variant?: 'line' | 'outline';
     } & import("react").RefAttributes<HTMLTableElement>>;
     ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
     Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-        side?: "top" | "bottom";
+        side?: 'top' | 'bottom';
     } & import("react").RefAttributes<HTMLTableCaptionElement>>;
     ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
     Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {

package/dist/components/table/Table.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 Table_module from "./Table.module.js";
 const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, interactive = false, showColumnBorder = false, size = 'md', stickyHeader = false, striped = false, variant = 'line', ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.table, {
@@ -17,7 +16,7 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-sticky-header": stickyHeader || void 0,
         "data-striped": striped || void 0,
         "data-variant": variant,
-        className: clsx(Table_module.root, normalizeClassName(className)),
+        className: clsx(Table_module.root, className),
         ...props
     });
 });
@@ -28,7 +27,7 @@ const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, class
         "data-scope": "table",
         "data-part": "scroll-area",
         "data-slot": "table-scroll-area",
-        className: clsx(Table_module.scrollArea, normalizeClassName(className)),
+        className: clsx(Table_module.scrollArea, className),
         ...props
     });
 });
@@ -40,7 +39,7 @@ const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, classNam
         "data-part": "caption",
         "data-side": side,
         "data-slot": "table-caption",
-        className: clsx(Table_module.caption, normalizeClassName(className)),
+        className: clsx(Table_module.caption, className),
         ...props
     });
 });
@@ -51,7 +50,7 @@ const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, clas
         "data-scope": "table",
         "data-part": "column-group",
         "data-slot": "table-column-group",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -63,7 +62,7 @@ const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className
         "data-part": "column",
         "data-slot": "table-column",
         width: htmlWidth ?? width,
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -74,7 +73,7 @@ const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className
         "data-scope": "table",
         "data-part": "header",
         "data-slot": "table-header",
-        className: clsx(Table_module.header, normalizeClassName(className)),
+        className: clsx(Table_module.header, className),
         ...props
     });
 });
@@ -85,7 +84,7 @@ const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-scope": "table",
         "data-part": "body",
         "data-slot": "table-body",
-        className: clsx(Table_module.body, normalizeClassName(className)),
+        className: clsx(Table_module.body, className),
         ...props
     });
 });
@@ -96,7 +95,7 @@ const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className
         "data-scope": "table",
         "data-part": "footer",
         "data-slot": "table-footer",
-        className: clsx(Table_module.footer, normalizeClassName(className)),
+        className: clsx(Table_module.footer, className),
         ...props
     });
 });
@@ -107,7 +106,7 @@ const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, .
         "data-scope": "table",
         "data-part": "row",
         "data-slot": "table-row",
-        className: clsx(Table_module.row, normalizeClassName(className)),
+        className: clsx(Table_module.row, className),
         ...props
     });
 });
@@ -119,7 +118,7 @@ const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, cla
         "data-part": "column-header",
         "data-numeric": numeric || void 0,
         "data-slot": "table-column-header",
-        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, normalizeClassName(className)),
+        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, className),
         ...props
     });
 });
@@ -131,7 +130,7 @@ const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-part": "cell",
         "data-numeric": numeric || void 0,
         "data-slot": "table-cell",
-        className: clsx(Table_module.cell, numeric && Table_module.numeric, normalizeClassName(className)),
+        className: clsx(Table_module.cell, numeric && Table_module.numeric, className),
         ...props
     });
 });
@@ -149,7 +148,7 @@ const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children =
             "data-part": "empty",
             "data-slot": "table-empty",
             colSpan: colSpan,
-            className: clsx(Table_module.cell, Table_module.empty, normalizeClassName(className)),
+            className: clsx(Table_module.cell, Table_module.empty, className),
             ...props,
             children: children
         })

package/dist/components/tabs/Tabs.js

@@ -3,7 +3,6 @@ import { jsx } from "react/jsx-runtime";
 import { Tabs, useTabs, useTabsContext } from "@ark-ui/react/tabs";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Tabs_module from "./Tabs.module.js";
 const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation, variant = 'default', ...props }, ref) {
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
@@ -11,7 +10,7 @@ const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation
         ref: ref,
         "data-slot": "tabs-root",
         "data-variant": resolvedVariant,
-        className: clsx(Tabs_module.root, normalizeClassName(className)),
+        className: clsx(Tabs_module.root, className),
         orientation: orientation,
         ...props
     });
@@ -23,7 +22,7 @@ const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, val
         ref: ref,
         "data-slot": "tabs-root-provider",
         "data-variant": resolvedVariant,
-        className: clsx(Tabs_module.root, normalizeClassName(className)),
+        className: clsx(Tabs_module.root, className),
         value: value,
         ...props
     });
@@ -32,7 +31,7 @@ const Tabs_TabsList = /*#__PURE__*/ forwardRef(function({ className, ...props },
     return /*#__PURE__*/ jsx(Tabs.List, {
         ref: ref,
         "data-slot": "tabs-list",
-        className: clsx(Tabs_module.list, normalizeClassName(className)),
+        className: clsx(Tabs_module.list, className),
         ...props
     });
 });
@@ -40,7 +39,7 @@ const Tabs_TabsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Tabs.Trigger, {
         ref: ref,
         "data-slot": "tabs-trigger",
-        className: clsx(Tabs_module.trigger, normalizeClassName(className)),
+        className: clsx(Tabs_module.trigger, className),
         ...props
     });
 });
@@ -48,7 +47,7 @@ const Tabs_TabsIndicator = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Tabs.Indicator, {
         ref: ref,
         "data-slot": "tabs-indicator",
-        className: clsx(Tabs_module.indicator, normalizeClassName(className)),
+        className: clsx(Tabs_module.indicator, className),
         ...props
     });
 });
@@ -56,7 +55,7 @@ const Tabs_TabsContent = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Tabs.Content, {
         ref: ref,
         "data-slot": "tabs-content",
-        className: clsx(Tabs_module.content, normalizeClassName(className)),
+        className: clsx(Tabs_module.content, className),
         ...props
     });
 });

package/dist/components/tabs/Tabs_module.css

@@ -19,7 +19,6 @@
     z-index: 0;
     align-items: stretch;
     gap: var(--moduix-tabs-list-gap, var(--moduix-spacing-1));
-    width: -moz-fit-content;
     width: fit-content;
     max-width: 100%;
     padding: var(--moduix-tabs-list-padding-y, var(--moduix-tabs-list-padding, var(--moduix-spacing-1)))
@@ -42,7 +41,7 @@
     flex-direction: column;
   }
 
-  @media (max-width: 30rem) {
+  @media (width <= 30rem) {
     .list-HWuixw[data-orientation="vertical"] {
       inline-size: min(var(--moduix-tabs-vertical-list-width, 12rem), 40%);
       min-inline-size: 0;
@@ -121,6 +120,8 @@
   }
 
   .indicator-Eq3gMQ {
+    --transition-duration: var(--moduix-tabs-indicator-transition-duration, var(--moduix-duration-normal));
+    --transition-timing-function: var(--moduix-tabs-indicator-transition-timing-function, var(--moduix-ease-in-out));
     z-index: 0;
     top: 50%;
     left: var(--left, 0);
@@ -129,23 +130,17 @@
     border-radius: var(--moduix-tabs-indicator-radius, var(--moduix-radius-md));
     background-color: var(--moduix-tabs-indicator-bg, var(--moduix-color-background));
     box-shadow: var(--moduix-tabs-indicator-shadow, var(--moduix-shadow-sm));
-    transition: width var(--moduix-tabs-indicator-transition, var(--moduix-transition-default)),
-      height var(--moduix-tabs-indicator-transition, var(--moduix-transition-default)),
-      top var(--moduix-tabs-indicator-transition, var(--moduix-transition-default)),
-      left var(--moduix-tabs-indicator-transition, var(--moduix-transition-default));
     position: absolute;
     translate: 0 -50%;
   }
 
   .root-r9cKMR[data-variant="line"]:not([data-orientation="vertical"]) .indicator-Eq3gMQ {
+    --transition-duration: var(--moduix-tabs-line-indicator-transition-duration, var(--moduix-duration-normal));
+    --transition-timing-function: var(--moduix-tabs-line-indicator-transition-timing-function, var(--moduix-ease-in-out));
     height: var(--moduix-tabs-line-indicator-size, var(--moduix-spacing-0-5));
     border-radius: var(--moduix-tabs-line-indicator-radius, var(--moduix-radius-full));
     background-color: var(--moduix-tabs-line-indicator-bg, var(--moduix-tabs-tab-color-active, var(--moduix-color-foreground)));
     box-shadow: none;
-    transition: width var(--moduix-tabs-line-indicator-transition, var(--moduix-transition-default)),
-        height var(--moduix-tabs-line-indicator-transition, var(--moduix-transition-default)),
-        top var(--moduix-tabs-line-indicator-transition, var(--moduix-transition-default)),
-        left var(--moduix-tabs-line-indicator-transition, var(--moduix-transition-default));
     top: auto;
     bottom: 0;
     translate: none;

package/dist/components/tag/Tag.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 { CloseButton } from "../close-button/index.js";
 import Tag_module from "./Tag.module.js";
 const DEFAULT_CLOSE_LABEL = 'Remove tag';
@@ -15,7 +14,7 @@ const Tag_TagRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md',
         "data-slot": "tag-root",
         "data-size": size,
         "data-variant": variant,
-        className: clsx(Tag_module.root, normalizeClassName(className))
+        className: clsx(Tag_module.root, className)
     });
 });
 const Tag_TagLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -25,7 +24,7 @@ const Tag_TagLabel = /*#__PURE__*/ forwardRef(function({ className, ...props },
         "data-scope": "tag",
         "data-part": "label",
         "data-slot": "tag-label",
-        className: clsx(Tag_module.label, normalizeClassName(className))
+        className: clsx(Tag_module.label, className)
     });
 });
 const Tag_TagStartElement = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -35,7 +34,7 @@ const Tag_TagStartElement = /*#__PURE__*/ forwardRef(function({ className, ...pr
         "data-scope": "tag",
         "data-part": "start-element",
         "data-slot": "tag-start-element",
-        className: clsx(Tag_module.startElement, normalizeClassName(className))
+        className: clsx(Tag_module.startElement, className)
     });
 });
 const Tag_TagEndElement = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
@@ -45,7 +44,7 @@ const Tag_TagEndElement = /*#__PURE__*/ forwardRef(function({ className, ...prop
         "data-scope": "tag",
         "data-part": "end-element",
         "data-slot": "tag-end-element",
-        className: clsx(Tag_module.endElement, normalizeClassName(className))
+        className: clsx(Tag_module.endElement, className)
     });
 });
 const Tag_TagCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
@@ -58,7 +57,7 @@ const Tag_TagCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classNa
         "data-slot": "tag-close-trigger",
         "aria-label": ariaLabel ?? (asChild || null != children || null != ariaLabelledBy ? void 0 : DEFAULT_CLOSE_LABEL),
         "aria-labelledby": ariaLabelledBy,
-        className: clsx(Tag_module.closeTrigger, normalizeClassName(className)),
+        className: clsx(Tag_module.closeTrigger, className),
         children: children
     });
 });

package/dist/components/tag/Tag_module.css

@@ -7,7 +7,6 @@
       var(--moduix-tag-border-color, var(--moduix-tag-default-border-color, transparent));
     border-radius: var(--moduix-tag-radius, var(--moduix-radius-full));
     background-color: var(--moduix-tag-bg, var(--moduix-tag-default-bg, var(--moduix-color-primary)));
-    width: -moz-fit-content;
     width: fit-content;
     min-width: 0;
     max-width: 100%;
@@ -91,13 +90,12 @@
     --moduix-close-button-icon-size: var(--moduix-tag-close-trigger-icon-size, var(--moduix-spacing-2-5));
     --moduix-close-button-bg: var(--moduix-tag-close-trigger-bg, transparent);
     --moduix-close-button-bg-hover: var(--moduix-tag-close-trigger-bg-hover, color-mix(in oklab, currentColor 12%, transparent));
-    --moduix-close-button-color: inherit;
-    --moduix-close-button-color-hover: inherit;
+    --moduix-close-button-color: currentColor;
+    --moduix-close-button-color-hover: currentColor;
     --moduix-close-button-disabled-opacity: var(--moduix-tag-disabled-opacity, var(--moduix-opacity-disabled));
     --moduix-close-button-focus-ring-width: var(--moduix-tag-close-trigger-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)));
     --moduix-close-button-focus-ring-color: var(--moduix-tag-close-trigger-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-tag-close-trigger-focus-ring-offset, 0);
-    --moduix-close-button-transition: var(--moduix-tag-transition, var(--moduix-transition-default));
   }
 }
 

package/dist/components/tags-input/TagsInput.d.ts

@@ -1,20 +1,20 @@
 import { TagsInput as TagsInputPrimitive, useTagsInput, useTagsInputContext, useTagsInputItemContext } from '@ark-ui/react/tags-input';
-import type { ReactNode } from 'react';
 declare function TagsInputItems(): import("react").JSX.Element;
 declare const TagsInput: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<TagsInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    ItemContext: (props: TagsInputPrimitive.ItemContextProps) => ReactNode;
+    ItemContext: (props: TagsInputPrimitive.ItemContextProps) => import("react").ReactNode;
     ItemPreview: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemPreviewProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemText: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     ItemInput: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     Input: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     ClearTrigger: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Context: (props: TagsInputPrimitive.ContextProps) => ReactNode;
+    Context: (props: TagsInputPrimitive.ContextProps) => import("react").ReactNode;
     Items: typeof TagsInputItems;
 };
 export { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext };