@moduix/react 2.2.4 → 2.2.5

package/dist/components/list/List_module.css

@@ -5,6 +5,7 @@
     --_list-gap: var(--moduix-list-gap, var(--moduix-list-gap-sm, var(--moduix-spacing-2)));
     --_list-line-height: var(--moduix-list-line-height, var(--moduix-list-line-height-md, var(--moduix-line-height-text-md)));
     box-sizing: border-box;
+    gap: var(--_list-gap);
     color: var(--_list-color);
     font-family: var(--moduix-list-font-family, inherit);
     font-size: var(--_list-font-size);
@@ -12,9 +13,11 @@
     line-height: var(--_list-line-height);
     letter-spacing: var(--moduix-list-letter-spacing, 0);
     overflow-wrap: break-word;
+    flex-direction: column;
     margin: 0;
     padding: 0;
     list-style-position: outside;
+    display: flex;
   }
 
   .root-PNnfB8[data-scope="list"][data-part="root"][data-gap="xs"] {
@@ -41,10 +44,6 @@
     --_list-gap: var(--moduix-list-gap, var(--moduix-list-gap-2xl, var(--moduix-spacing-6)));
   }
 
-  .root-PNnfB8[data-scope="list"][data-part="root"] > li + li {
-    margin-block-start: var(--_list-gap);
-  }
-
   .root-PNnfB8[data-scope="list"][data-part="root"] > li::marker {
     color: var(--moduix-list-marker-color, currentColor);
     font-weight: var(--moduix-list-marker-font-weight, inherit);

package/dist/components/listbox/Listbox.d.ts

@@ -1,9 +1,6 @@
 import { Listbox as ListboxPrimitive, useListbox, useListboxContext, useListboxItemContext } from '@ark-ui/react/listbox';
 import type { ComponentProps } from 'react';
 declare function ListboxFilter({ className, children, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function ListboxItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function ListboxItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function ListboxItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 declare const Listbox: ListboxPrimitive.RootComponent & {
     Root: ListboxPrimitive.RootComponent;
     RootProvider: ListboxPrimitive.RootProviderComponent;
@@ -21,9 +18,9 @@ declare const Listbox: ListboxPrimitive.RootComponent & {
     ValueText: import("react").ForwardRefExoticComponent<Omit<ListboxPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     Context: <T extends unknown>(props: ListboxPrimitive.ContextProps<T>) => import("react").ReactNode;
     ItemContext: (props: ListboxPrimitive.ItemContextProps) => import("react").ReactNode;
-    ItemTextContent: typeof ListboxItemTextContent;
-    ItemTextIcon: typeof ListboxItemTextIcon;
-    ItemTextLabel: typeof ListboxItemTextLabel;
+    ItemTextContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemTextIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemTextLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
     useListbox: <T extends unknown>(props: import("@ark-ui/react/listbox").UseListboxProps<T>) => import("@ark-ui/react/listbox").UseListboxReturn<T>;
     useListboxContext: () => import("@ark-ui/react/listbox").UseListboxContext<any>;
     useListboxItemContext: () => import("@ark-ui/react/listbox").UseListboxItemContext;

package/dist/components/listbox/Listbox.js

@@ -135,27 +135,30 @@ const Listbox_ListboxValueText = /*#__PURE__*/ forwardRef(function({ className,
         ...props
     });
 });
-function ListboxItemTextContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+const Listbox_ListboxItemTextContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "listbox-item-text-content",
         className: clsx(Listbox_module.itemTextContent, normalizeClassName(className)),
         ...props
     });
-}
-function ListboxItemTextIcon({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+});
+const Listbox_ListboxItemTextIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "listbox-item-text-icon",
         className: clsx(Listbox_module.itemTextIcon, normalizeClassName(className)),
         ...props
     });
-}
-function ListboxItemTextLabel({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+});
+const Listbox_ListboxItemTextLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "listbox-item-text-label",
         className: clsx(Listbox_module.itemTextLabel, normalizeClassName(className)),
         ...props
     });
-}
+});
 const Listbox_Listbox = Object.assign(Listbox_ListboxRoot, {
     Root: Listbox_ListboxRoot,
     RootProvider: Listbox_ListboxRootProvider,
@@ -173,9 +176,9 @@ const Listbox_Listbox = Object.assign(Listbox_ListboxRoot, {
     ValueText: Listbox_ListboxValueText,
     Context: Listbox.Context,
     ItemContext: Listbox.ItemContext,
-    ItemTextContent: ListboxItemTextContent,
-    ItemTextIcon: ListboxItemTextIcon,
-    ItemTextLabel: ListboxItemTextLabel,
+    ItemTextContent: Listbox_ListboxItemTextContent,
+    ItemTextIcon: Listbox_ListboxItemTextIcon,
+    ItemTextLabel: Listbox_ListboxItemTextLabel,
     useListbox: useListbox,
     useListboxContext: useListboxContext,
     useListboxItemContext: useListboxItemContext

package/dist/components/listbox/Listbox_module.css

@@ -74,9 +74,9 @@
   }
 
   .filter-GcwWjv + .content-bWizSr {
-    margin-top: calc(-1 * var(--moduix-listbox-root-gap, var(--moduix-spacing-3)));
     border-top-left-radius: 0;
     border-top-right-radius: 0;
+    margin-block-start: calc(-1 * var(--moduix-listbox-root-gap, var(--moduix-spacing-3)));
   }
 
   .filterIcon-sysxT1 {
@@ -176,7 +176,7 @@
   }
 
   .itemGroup-R3S9Z9 + .itemGroup-R3S9Z9 {
-    margin-top: var(--moduix-listbox-item-group-gap, var(--moduix-spacing-2));
+    margin-block-start: var(--moduix-listbox-item-group-gap, var(--moduix-spacing-2));
   }
 
   .itemGroupLabel-t4Kb1i {

package/dist/components/menu/Menu.d.ts

@@ -18,10 +18,6 @@ declare function MenuRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...p
 declare function MenuRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: MenuRootProviderProps): import("react").JSX.Element;
 declare function MenuTriggerIcon({ className, children, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 declare function MenuTriggerItemIcon({ className, children, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function MenuItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function MenuItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function MenuItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function MenuItemShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 declare const Menu: typeof MenuRoot & {
     Root: typeof MenuRoot;
     RootProvider: typeof MenuRootProvider;
@@ -45,10 +41,10 @@ declare const Menu: typeof MenuRoot & {
     CheckboxItem: import("react").ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemIndicator: import("react").ForwardRefExoticComponent<Omit<MenuPrimitive.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemText: import("react").ForwardRefExoticComponent<Omit<MenuPrimitive.ItemTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    ItemTextContent: typeof MenuItemTextContent;
-    ItemTextIcon: typeof MenuItemTextIcon;
-    ItemTextLabel: typeof MenuItemTextLabel;
-    ItemShortcut: typeof MenuItemShortcut;
+    ItemTextContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemTextIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemTextLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemShortcut: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
     ItemContext: (props: MenuPrimitive.ItemContextProps) => import("react").ReactNode;
 };
 export { Menu, useMenu, useMenuContext, useMenuItemContext };

package/dist/components/menu/Menu.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
 import { Menu, useMenu, useMenuContext, useMenuItemContext } from "@ark-ui/react/menu";
 import { clsx } from "clsx";
 import { Children, forwardRef, isValidElement } from "react";
@@ -219,34 +220,38 @@ const Menu_MenuItemText = /*#__PURE__*/ forwardRef(function({ className, ...prop
         ...props
     });
 });
-function MenuItemTextContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+const Menu_MenuItemTextContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "menu-item-text-content",
-        className: clsx(Menu_module.itemTextContent, className),
+        className: clsx(Menu_module.itemTextContent, normalizeClassName(className)),
         ...props
     });
-}
-function MenuItemTextIcon({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+});
+const Menu_MenuItemTextIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "menu-item-text-icon",
-        className: clsx(Menu_module.itemTextIcon, className),
+        className: clsx(Menu_module.itemTextIcon, normalizeClassName(className)),
         ...props
     });
-}
-function MenuItemTextLabel({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+});
+const Menu_MenuItemTextLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "menu-item-text-label",
-        className: clsx(Menu_module.itemTextLabel, className),
+        className: clsx(Menu_module.itemTextLabel, normalizeClassName(className)),
         ...props
     });
-}
-function MenuItemShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
+});
+const Menu_MenuItemShortcut = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
         "data-slot": "menu-item-shortcut",
-        className: clsx(Menu_module.itemShortcut, className),
+        className: clsx(Menu_module.itemShortcut, normalizeClassName(className)),
         ...props
     });
-}
+});
 const Menu_Menu = Object.assign(MenuRoot, {
     Root: MenuRoot,
     RootProvider: MenuRootProvider,
@@ -270,10 +275,10 @@ const Menu_Menu = Object.assign(MenuRoot, {
     CheckboxItem: Menu_MenuCheckboxItem,
     ItemIndicator: Menu_MenuItemIndicator,
     ItemText: Menu_MenuItemText,
-    ItemTextContent: MenuItemTextContent,
-    ItemTextIcon: MenuItemTextIcon,
-    ItemTextLabel: MenuItemTextLabel,
-    ItemShortcut: MenuItemShortcut,
+    ItemTextContent: Menu_MenuItemTextContent,
+    ItemTextIcon: Menu_MenuItemTextIcon,
+    ItemTextLabel: Menu_MenuItemTextLabel,
+    ItemShortcut: Menu_MenuItemShortcut,
     ItemContext: Menu.ItemContext
 });
 export { Menu_Menu as Menu, useMenu, useMenuContext, useMenuItemContext };

package/dist/components/menu/Menu_module.css

@@ -355,6 +355,16 @@
     border: 0;
   }
 
+  @media (prefers-reduced-motion: reduce) {
+    .trigger-GnJcCa, .contextTrigger-jyrQRV {
+      transition: none;
+    }
+
+    .content-yFF7GN[data-state] {
+      animation: none;
+    }
+  }
+
   @keyframes menuContentIn-XDpUnW {
     from {
       opacity: var(--moduix-menu-popup-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));

package/dist/components/native-select/NativeSelect_module.css

@@ -32,7 +32,7 @@
       opacity var(--moduix-select-transition, var(--moduix-transition-default));
     margin: 0;
     padding-inline-start: var(--moduix-select-trigger-padding-x-start, var(--moduix-spacing-3));
-    padding-inline-end: calc(var(--moduix-select-action-offset-right, var(--moduix-spacing-1)) +
+    padding-inline-end: calc(var(--moduix-select-action-offset-right, var(--moduix-spacing-2)) +
         var(--moduix-select-action-size, var(--moduix-spacing-6)) +
         var(--moduix-select-trigger-padding-x-start, var(--moduix-spacing-3)));
   }

package/dist/components/pagination/Pagination.js

@@ -97,9 +97,9 @@ function PaginationItems() {
         children: (pagination)=>pagination.pages.map((page, index)=>'page' === page.type ? /*#__PURE__*/ jsx(Pagination_PaginationItem, {
                     ...page,
                     children: page.value
-                }, index) : /*#__PURE__*/ jsx(Pagination_PaginationEllipsis, {
+                }, page.value) : /*#__PURE__*/ jsx(Pagination_PaginationEllipsis, {
                     index: index
-                }, index))
+                }, `ellipsis-${index}`))
     });
 }
 const Pagination_Pagination = Object.assign(Pagination_PaginationRoot, {

package/dist/components/pagination/Pagination_module.css

@@ -27,7 +27,7 @@
     gap: var(--moduix-pagination-trigger-gap, var(--moduix-spacing-2));
     border: var(--moduix-pagination-item-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-pagination-item-border-color, var(--moduix-color-border));
-    padding-inline: var(--moduix-pagination-item-padding-inline, var(--moduix-spacing-3));
+    padding-inline: var(--moduix-pagination-item-padding-inline, var(--moduix-spacing-2));
     background-color: var(--moduix-pagination-item-bg, var(--moduix-color-background));
     color: var(--moduix-pagination-item-color, var(--moduix-color-foreground));
     -webkit-user-select: none;

package/dist/components/password-input/PasswordInput_module.css

@@ -9,6 +9,10 @@
     display: flex;
   }
 
+  .root-OrlafY[data-disabled] {
+    opacity: var(--moduix-password-input-disabled-opacity, var(--moduix-field-disabled-opacity, var(--moduix-input-disabled-opacity, var(--moduix-opacity-disabled))));
+  }
+
   .label-ZAQCRM {
     align-items: center;
     gap: var(--moduix-password-input-label-gap, var(--moduix-field-label-gap, var(--moduix-spacing-1)));
@@ -19,10 +23,6 @@
     display: inline-flex;
   }
 
-  .label-ZAQCRM[data-disabled] {
-    opacity: var(--moduix-password-input-disabled-opacity, var(--moduix-field-disabled-opacity, var(--moduix-input-disabled-opacity, var(--moduix-opacity-disabled))));
-  }
-
   .control-h2eb01 {
     box-sizing: border-box;
     width: 100%;

package/dist/components/popover/Popover.d.ts

@@ -3,11 +3,8 @@ import type { ComponentProps } from 'react';
 import { type OverlayPortalProps } from '../../internal/overlayPortal';
 type PopoverRootProps = ComponentProps<typeof PopoverPrimitive.Root> & OverlayPortalProps;
 type PopoverRootProviderProps = ComponentProps<typeof PopoverPrimitive.RootProvider> & OverlayPortalProps;
-declare function PopoverRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: PopoverRootProps): import("react").JSX.Element;
+declare function PopoverRoot({ lazyMount, modal, portalled, portalRef, unmountOnExit, ...props }: PopoverRootProps): import("react").JSX.Element;
 declare function PopoverRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, value, ...props }: PopoverRootProviderProps): import("react").JSX.Element;
-declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function PopoverBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function PopoverFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 declare const Popover: typeof PopoverRoot & {
     Root: typeof PopoverRoot;
     RootProvider: typeof PopoverRootProvider;
@@ -23,8 +20,8 @@ declare const Popover: typeof PopoverRoot & {
     Description: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     CloseTrigger: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Header: typeof PopoverHeader;
-    Body: typeof PopoverBody;
-    Footer: typeof PopoverFooter;
+    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>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export { Popover, usePopover, usePopoverContext };

package/dist/components/popover/Popover.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
 import { Popover, usePopover, usePopoverContext } from "@ark-ui/react/popover";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
@@ -8,13 +9,15 @@ import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPort
 import { CloseButton } from "../close-button/index.js";
 import Popover_module from "./Popover.module.js";
 const DEFAULT_CLOSE_BUTTON_LABEL = 'Close popover';
-function PopoverRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+function PopoverRoot({ lazyMount = true, modal, portalled, portalRef, unmountOnExit = true, ...props }) {
+    const resolvedPortalled = modal || portalled;
     return /*#__PURE__*/ jsx(OverlayPortalProvider, {
-        portalled: portalled,
+        portalled: resolvedPortalled,
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Popover.Root, {
-            portalled: portalled,
             lazyMount: lazyMount,
+            modal: modal,
+            portalled: resolvedPortalled,
             unmountOnExit: unmountOnExit,
             ...props
         })
@@ -130,27 +133,30 @@ const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className,
         })
     });
 });
-function PopoverHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
         "data-slot": "popover-header",
-        className: clsx(Popover_module.header, className),
+        className: clsx(Popover_module.header, normalizeClassName(className)),
         ...props
     });
-}
-function PopoverBody({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+});
+const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
         "data-slot": "popover-body",
-        className: clsx(Popover_module.body, className),
+        className: clsx(Popover_module.body, normalizeClassName(className)),
         ...props
     });
-}
-function PopoverFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
+});
+const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
         "data-slot": "popover-footer",
-        className: clsx(Popover_module.footer, className),
+        className: clsx(Popover_module.footer, normalizeClassName(className)),
         ...props
     });
-}
+});
 const Popover_Popover = Object.assign(PopoverRoot, {
     Root: PopoverRoot,
     RootProvider: PopoverRootProvider,
@@ -166,8 +172,8 @@ const Popover_Popover = Object.assign(PopoverRoot, {
     Description: Popover_PopoverDescription,
     CloseTrigger: Popover_PopoverCloseTrigger,
     CloseIcon: Popover_PopoverCloseIcon,
-    Header: PopoverHeader,
-    Body: PopoverBody,
-    Footer: PopoverFooter
+    Header: Popover_PopoverHeader,
+    Body: Popover_PopoverBody,
+    Footer: Popover_PopoverFooter
 });
 export { Popover_Popover as Popover, usePopover, usePopoverContext };

package/dist/components/popover/Popover_module.css

@@ -54,10 +54,9 @@
   }
 
   .content-QiLEpj {
-    --moduix-popover-close-icon-size-effective: var(--moduix-popover-close-icon-size, var(--moduix-spacing-7));
-    --moduix-popover-close-icon-offset-effective: var(--moduix-popover-close-icon-offset, var(--moduix-spacing-3));
-    --moduix-popover-header-padding-inline-end-effective: var(--moduix-popover-header-padding-inline-end, calc(var(--moduix-popover-close-icon-size-effective) +
-          var(--moduix-popover-close-icon-offset-effective)));
+    --_popover-close-icon-size-effective: var(--moduix-popover-close-icon-size, var(--moduix-spacing-7));
+    --_popover-close-icon-offset-effective: var(--moduix-popover-close-icon-offset, var(--moduix-spacing-3));
+    --_popover-header-padding-inline-end-effective: var(--moduix-popover-header-padding-inline-end, calc(var(--_popover-close-icon-size-effective) + var(--_popover-close-icon-offset-effective)));
     z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
     box-sizing: border-box;
     width: var(--moduix-popover-width, auto);
@@ -65,6 +64,7 @@
     min-width: min(var(--moduix-popover-min-width, 16rem), var(--available-width));
     max-width: min(var(--moduix-popover-max-width, 28rem), var(--available-width));
     max-height: min(var(--moduix-popover-max-height, 24rem), var(--available-height, 100dvh));
+    overflow-wrap: anywhere;
     padding: var(--moduix-popover-padding-y, var(--moduix-spacing-4))
       var(--moduix-popover-padding-x, var(--moduix-spacing-4));
     border-radius: var(--moduix-popover-radius, var(--moduix-radius-md));
@@ -104,7 +104,7 @@
   }
 
   .content-QiLEpj:has(.closeIcon-oldPto) .header-q59Ek4 {
-    padding-inline-end: var(--moduix-popover-header-padding-inline-end-effective);
+    padding-inline-end: var(--_popover-header-padding-inline-end-effective);
   }
 
   .arrow-B6fVya {
@@ -135,7 +135,7 @@
   }
 
   .closeIcon-oldPto {
-    --moduix-close-button-size: var(--moduix-popover-close-icon-size-effective);
+    --moduix-close-button-size: var(--_popover-close-icon-size-effective);
     --moduix-close-button-radius: var(--moduix-popover-close-icon-radius, var(--moduix-radius-sm));
     --moduix-close-button-icon-size: var(--moduix-popover-close-icon-glyph-size, var(--moduix-spacing-3-5));
     --moduix-close-button-bg: var(--moduix-popover-close-icon-bg, transparent);
@@ -144,8 +144,8 @@
     --moduix-close-button-color-hover: var(--moduix-popover-close-icon-color-hover, var(--moduix-popover-color, var(--moduix-color-popover-foreground)));
     --moduix-close-button-focus-ring-color: var(--moduix-popover-close-icon-focus-ring-color, var(--moduix-color-ring));
     position: absolute;
-    inset-block-start: var(--moduix-popover-close-icon-offset-effective);
-    inset-inline-end: var(--moduix-popover-close-icon-offset-effective);
+    inset-block-start: var(--_popover-close-icon-offset-effective);
+    inset-inline-end: var(--_popover-close-icon-offset-effective);
   }
 
   .header-q59Ek4 {
@@ -165,6 +165,16 @@
     display: flex;
   }
 
+  @media (prefers-reduced-motion: reduce) {
+    .trigger-TuNfDY, .closeTrigger-g6dVFQ {
+      transition: none;
+    }
+
+    .content-QiLEpj[data-state="open"], .content-QiLEpj[data-state="closed"] {
+      animation: none;
+    }
+  }
+
   @keyframes popover-enter-Kmc_ZV {
     from {
       opacity: var(--moduix-popover-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));

package/dist/components/progress-circular/ProgressCircular_module.css

@@ -46,18 +46,25 @@
   .circleRange-IITheJ {
     stroke: var(--moduix-progress-circular-range-bg, var(--moduix-color-primary));
     stroke-linecap: var(--moduix-progress-circular-range-linecap, round);
+    transform-box: fill-box;
+    transform-origin: center;
     transition: stroke-dashoffset
       var(--moduix-progress-circular-range-transition, var(--moduix-transition-default));
   }
 
   .circleRange-IITheJ[data-state="indeterminate"] {
+    stroke: var(--moduix-progress-circular-range-indeterminate-bg, var(--moduix-progress-circular-range-bg, var(--moduix-color-primary)));
     animation: var(--moduix-progress-circular-range-indeterminate-animation, progress-circular-indeterminate 1.4s linear infinite);
     stroke-dasharray: var(--moduix-progress-circular-range-indeterminate-dasharray, 1 200);
   }
 
   @media (prefers-reduced-motion: reduce) {
+    .circleRange-IITheJ {
+      transition: none;
+    }
+
     .circleRange-IITheJ[data-state="indeterminate"] {
-      stroke-dasharray: 20 200;
+      stroke-dasharray: var(--moduix-progress-circular-range-indeterminate-reduced-motion-dasharray, 20 200);
       animation: none;
     }
   }

package/dist/components/progress-linear/ProgressLinear_module.css

@@ -69,6 +69,7 @@
 
   .range-A5c8GJ[data-state="indeterminate"] {
     width: var(--moduix-progress-linear-range-indeterminate-width, 35%);
+    background-color: var(--moduix-progress-linear-range-indeterminate-bg, var(--moduix-progress-linear-range-bg, var(--moduix-color-primary)));
     animation: var(--moduix-progress-linear-range-indeterminate-animation, progress-linear-indeterminate 1.5s ease-in-out infinite);
   }
 

package/dist/components/qr-code/QrCode_module.css

@@ -3,8 +3,7 @@
     box-sizing: border-box;
     align-items: center;
     gap: var(--moduix-qr-code-gap, var(--moduix-spacing-3));
-    width: -moz-fit-content;
-    width: fit-content;
+    width: min(var(--moduix-qr-code-size, 8rem), 100%);
     max-width: var(--moduix-qr-code-max-width, 100%);
     color: var(--moduix-qr-code-color, var(--moduix-color-foreground));
     flex-direction: column;
@@ -14,8 +13,8 @@
 
   .frame-xuEHtQ {
     box-sizing: border-box;
-    width: min(var(--moduix-qr-code-size, 8rem), 100%);
     aspect-ratio: 1;
+    width: 100%;
     height: auto;
     color: inherit;
     fill: var(--moduix-qr-code-fill, currentColor);

package/dist/components/radio-group/RadioGroup_module.css

@@ -134,7 +134,7 @@
   }
 
   .itemText-gi6tev {
-    color: var(--moduix-radio-label-color, var(--moduix-color-foreground));
+    color: var(--moduix-radio-label-color, var(--moduix-radio-group-color, var(--moduix-color-foreground)));
     font-size: var(--moduix-radio-label-font-size, var(--moduix-text-sm));
     font-weight: var(--moduix-radio-label-font-weight, var(--moduix-weight-medium));
     line-height: var(--moduix-radio-label-line-height, var(--moduix-line-height-text-sm));

package/dist/components/scroll-area/ScrollArea_module.css

@@ -172,5 +172,20 @@
       transition: none;
     }
   }
+
+  @media (forced-colors: active) {
+    .root-FtAkRy[data-fade] .viewport-SrqU1k {
+      -webkit-mask-image: none;
+      mask-image: none;
+    }
+
+    .viewport-SrqU1k:focus-visible {
+      outline-color: highlight;
+    }
+
+    .thumb-eKzpKM {
+      background-color: buttontext;
+    }
+  }
 }
 

package/dist/components/segment-group/SegmentGroup.module.js

@@ -1,8 +1,8 @@
 import "./SegmentGroup_module.css";
 const SegmentGroup_module = {
     root: "root-Bd4lNR",
-    label: "label-shCFGn",
     item: "item-YWqgii",
+    label: "label-shCFGn",
     itemControl: "itemControl-pbg2uY",
     itemText: "itemText-aBveL1",
     indicator: "indicator-hgTUcL"

package/dist/components/segment-group/SegmentGroup_module.css

@@ -24,6 +24,10 @@
     opacity: var(--moduix-segment-group-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
+  .root-Bd4lNR:not([data-disabled]) .item-YWqgii[data-disabled] {
+    opacity: var(--moduix-segment-group-item-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
   .root-Bd4lNR[data-invalid] {
     border-color: var(--moduix-segment-group-border-color-invalid, var(--moduix-color-destructive));
   }
@@ -87,10 +91,6 @@
     cursor: default;
   }
 
-  .item-YWqgii[data-disabled] {
-    opacity: var(--moduix-segment-group-item-disabled-opacity, var(--moduix-opacity-disabled));
-  }
-
   .item-YWqgii[data-orientation="vertical"] {
     justify-content: flex-start;
     inline-size: 100%;

package/dist/components/select/Select.d.ts

@@ -12,9 +12,6 @@ type SelectFieldProps = Omit<ComponentProps<typeof SelectPrimitive.Control>, 'as
     indicator?: ReactNode;
     placeholder?: ComponentProps<typeof SelectPrimitive.ValueText>['placeholder'];
 };
-declare function SelectItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function SelectItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare function SelectItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 declare const Select: SelectRootComponent & {
     Root: SelectRootComponent;
     RootProvider: SelectRootProviderComponent;
@@ -38,8 +35,8 @@ declare const Select: SelectRootComponent & {
     Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemText: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.ItemTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemIndicator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    ItemTextContent: typeof SelectItemTextContent;
-    ItemTextIcon: typeof SelectItemTextIcon;
-    ItemTextLabel: typeof SelectItemTextLabel;
+    ItemTextContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemTextIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemTextLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export { Select, useSelect, useSelectContext, useSelectItemContext };