@ultraviolet/ui 3.10.2 → 3.11.0

package/dist/components/EmptyState/index.js

@@ -4,8 +4,8 @@ import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Link } from "../Link/index.js";
 import { emptyStateContainer, emptyStateImage, paddedStack } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/EmptyState/index.tsx
 /**

package/dist/components/Expandable/index.js

@@ -1,11 +1,11 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { animationDurationVar, expandable } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useEffect, useRef, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Expandable/index.tsx
 const ANIMATION_DURATION = 300;

package/dist/components/ExpandableCard/index.js

@@ -4,10 +4,10 @@ import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { ExpandableCardTitle } from "./components/Title.js";
 import { arrowIcon, content, detailsClass, dragIconContainer, dropableArea, stackClass, summaryClass } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useCallback, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { DragIcon } from "@ultraviolet/icons/DragIcon";
 

package/dist/components/FileInput/components/Button.js

@@ -1,6 +1,6 @@
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { Button } from "../../Button/index.js";
 import { useFileInput } from "../FileInputProvider.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/GlobalAlert/GlobalAlertLink.js

@@ -1,8 +1,8 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Link } from "../Link/index.js";
-import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/GlobalAlert/GlobalAlertLink.tsx
 const GlobalAlertLink = ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine = false, "data-testid": dataTestId, style }) => {

package/dist/components/GlobalAlert/index.js

@@ -5,9 +5,9 @@ import { Text } from "../Text/index.js";
 import { Button } from "../Button/index.js";
 import { GlobalAlertLink } from "./GlobalAlertLink.js";
 import { closeButton, container } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useReducer } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/GlobalAlert/index.tsx

package/dist/components/InfiniteScroll/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Loader } from "../Loader/index.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/Key/index.js

@@ -3,9 +3,9 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { KEYS_MATCH } from "./constants.js";
 import { key } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Key/index.tsx
 /**

package/dist/components/Label/index.js

@@ -3,9 +3,9 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { textPointer } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Label/index.tsx
 const LabelRequiredOrNot = ({ children, required, id, size, htmlFor, as, sentiment, disabled, style, className }) => {

package/dist/components/LineChart/CustomLegend.js

@@ -5,10 +5,10 @@ import { Checkbox } from "../Checkbox/index.js";
 import { getLegendColor } from "../../helpers/legend.js";
 import { getAverage, getCurrent, getMax, getMin, getSelected } from "./helpers.js";
 import { backgroundColorLegend, cellValueContainer, container, lineChartBody, lineChartHead, lineChartHeadTitle, lineChartLegend, lineChartRow, lineChartRowContent, longContainer, textLegend } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
+import { theme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/LineChart/CustomLegend.tsx
 const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, {

package/dist/components/LineChart/index.js

@@ -1,14 +1,14 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { getLegendColor } from "../../helpers/legend.js";
 import { getNivoTheme } from "../../helpers/nivoTheme.js";
 import { getMaxChartValue, getMinChartValue } from "./helpers.js";
 import { CustomLegend } from "./CustomLegend.js";
 import { LineChartTooltip } from "./Tooltip.js";
 import { useEffect, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ResponsiveLine } from "@nivo/line";
 
 //#region src/components/LineChart/index.tsx

package/dist/components/Link/index.js

@@ -1,14 +1,14 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Tooltip } from "../Tooltip/index.js";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
+import { Tooltip } from "../Tooltip/index.js";
 import { containerIconLink, defaultLink, iconLeftLink, iconRightLink, link } from "./styles.css.js";
-import { cn, renderElement } from "@ultraviolet/utils";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
-import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+import { cn, renderElement } from "@ultraviolet/utils";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 
 //#region src/components/Link/index.tsx
 const ICON_SIZE = "small";

package/dist/components/List/Cell.js

@@ -1,14 +1,14 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { useColumnProvider } from "./ColumnProvider.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { useListContext } from "./ListContext.js";
 import { listCell, listCellStrict } from "./styles.css.js";
 import { listCellPadding, maxWidthCell, maxWidthChildrenCell, minWidthCell, minWidthChildrenCell, widthCell, widthChildrenCell } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/List/Cell.tsx
 const Cell = forwardRef(({ children, className, "data-testid": dataTestid, colSpan, style }, ref) => {

package/dist/components/List/HeaderCell.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { listHeaderCell, listSortIcon } from "./styles.css.js";
-import { maxWidthHeaderCell, minWidthHeaderCell, widthHeaderCell } from "./variables.css.js";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { cn } from "@ultraviolet/utils";
+import { listHeaderCell, listSortIcon } from "./styles.css.js";
+import { maxWidthHeaderCell, minWidthHeaderCell, widthHeaderCell } from "./variables.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 import { SortIcon } from "@ultraviolet/icons/SortIcon";
 import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";

package/dist/components/List/HeaderRow.js

@@ -1,9 +1,9 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Checkbox } from "../Checkbox/index.js";
 import { useListContext } from "./ListContext.js";
 import { listHeaderRow, listNoPaddingHeaderCell } from "./styles.css.js";
 import { HeaderCell } from "./HeaderCell.js";
-import { Checkbox } from "../Checkbox/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/List/HeaderRow.tsx

package/dist/components/List/ListContext.js

@@ -1,8 +1,8 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/toPropertyKey.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/toPropertyKey.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/List/Row.js

@@ -1,18 +1,18 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip } from "../Tooltip/index.js";
+import { Button } from "../Button/index.js";
+import { Checkbox } from "../Checkbox/index.js";
 import { ColumnProvider } from "./ColumnProvider.js";
 import { useListContext } from "./ListContext.js";
 import { listCheckboxContainer, listCheckboxInRange, listExpandableButton, listExpandableCell, listExpandableWrapper, listNoPaddingCell, listRow } from "./styles.css.js";
 import { paddingExpandableCell } from "./variables.css.js";
 import { Cell } from "./Cell.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Checkbox } from "../Checkbox/index.js";
-import { Button } from "../Button/index.js";
-import { cn } from "@ultraviolet/utils";
 import { Children, Fragment, forwardRef, isValidElement, useCallback, useEffect, useId, useRef } from "react";
+import { theme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 

package/dist/components/List/SelectBar.js

@@ -1,7 +1,7 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { useListContext } from "./ListContext.js";
 import { Stack } from "../Stack/index.js";
+import { useListContext } from "./ListContext.js";
 import { ActionBar } from "../ActionBar/index.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/List/SkeletonRows.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Skeleton } from "../Skeleton/index.js";
 import { ColumnProvider } from "./ColumnProvider.js";
 import { useListContext } from "./ListContext.js";
 import { listLoadingRow, listRow, listSkeleton } from "./styles.css.js";
 import { Cell } from "./Cell.js";
-import { Skeleton } from "../Skeleton/index.js";
-import { cn } from "@ultraviolet/utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/List/SkeletonRows.tsx
 const SkeletonRows = ({ selectable, rows, cols }) => {

package/dist/components/List/index.js

@@ -8,9 +8,9 @@ import { HeaderRow } from "./HeaderRow.js";
 import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
-import { cn } from "@ultraviolet/utils";
 import { Children, forwardRef, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/List/index.tsx
 const TableContainer = ({ children }) => {

package/dist/components/List/styles.css.js

@@ -1,5 +1,5 @@
-/* empty css                         */
 /* empty css                      */
+/* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/List/styles.css.ts

package/dist/components/Loader/index.js

@@ -1,10 +1,10 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { SIZES } from "./constants.js";
 import { circle, loader, loaderCircleAnimation } from "./styles.css.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Loader/index.tsx
 const VIEWBOX_WIDTH = 100;

package/dist/components/Menu/MenuContent.js

@@ -6,10 +6,10 @@ import { heightAvailableSpace, heightMenu, menu, menuContent, menuFooter, menuLi
 import { getListItem, searchChildren } from "./helpers.js";
 import { DisclosureContext, useMenu } from "./MenuProvider.js";
 import { SearchInput } from "../SearchInput/index.js";
-import { cn } from "@ultraviolet/utils";
 import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Menu/MenuContent.tsx
 const SPACE_DISCLOSURE_POPUP = 24;

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

@@ -18,6 +18,7 @@ type ItemProps = {
      */
     searchText?: string;
     style?: CSSProperties;
+    rightComponent?: ReactNode;
 };
 export declare const Item: import("react").ForwardRefExoticComponent<ItemProps & import("react").RefAttributes<HTMLElement>>;
 export {};

package/dist/components/Menu/components/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAQd,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,mGAmLhB,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAQd,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,IAAI,mGAsNhB,CAAA"}

package/dist/components/Menu/components/Item.js

@@ -5,13 +5,13 @@ import { Tooltip } from "../../Tooltip/index.js";
 import { menuItem, menuItemContainer } from "../styles.css.js";
 import { getListItem } from "../helpers.js";
 import { useDisclosureContext, useMenu } from "../MenuProvider.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
 
 //#region src/components/Menu/components/Item.tsx
-const Item = forwardRef(({ borderless = false, disabled = false, onClick, sentiment = "neutral", href, target, rel, children, tooltip, active, className, searchText, "data-testid": dataTestId, style }, ref) => {
+const Item = forwardRef(({ borderless = false, disabled = false, onClick, sentiment = "neutral", href, target, rel, children, tooltip, active, className, searchText, "data-testid": dataTestId, style, rightComponent }, ref) => {
 	const { hideOnClickItem, setIsVisible, isVisible, menuRef, isNested, parentDisclosureRef, disclosureRef } = useMenu();
 	const isDisclosure = useDisclosureContext();
 	const onClickHandle = useCallback((event) => {
@@ -72,15 +72,25 @@ const Item = forwardRef(({ borderless = false, disabled = false, onClick, sentim
 				rel,
 				role: "menuitem",
 				target,
-				children: isDisclosure ? /* @__PURE__ */ jsxs(Stack, {
+				children: isDisclosure || rightComponent ? /* @__PURE__ */ jsxs(Stack, {
 					alignItems: "center",
 					direction: "row",
 					justifyContent: "space-between",
 					width: "100%",
 					children: [
 						children,
-						" ",
-						/* @__PURE__ */ jsx(ArrowRightIcon, {})
+						rightComponent ? /* @__PURE__ */ jsx("div", {
+							onClick: (event) => {
+								event.stopPropagation();
+								event.preventDefault();
+							},
+							onKeyDown: (event) => {
+								event.stopPropagation();
+								event.preventDefault();
+							},
+							children: rightComponent
+						}) : null,
+						isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
 					]
 				}) : children
 			})
@@ -115,15 +125,25 @@ const Item = forwardRef(({ borderless = false, disabled = false, onClick, sentim
 				ref,
 				role: "menuitem",
 				type: "button",
-				children: isDisclosure ? /* @__PURE__ */ jsxs(Stack, {
+				children: isDisclosure || rightComponent ? /* @__PURE__ */ jsxs(Stack, {
 					alignItems: "center",
 					direction: "row",
 					justifyContent: "space-between",
 					width: "100%",
 					children: [
 						children,
-						" ",
-						/* @__PURE__ */ jsx(ArrowRightIcon, {})
+						rightComponent ? /* @__PURE__ */ jsx("div", {
+							onClick: (event) => {
+								event.stopPropagation();
+								event.preventDefault();
+							},
+							onKeyDown: (event) => {
+								event.stopPropagation();
+								event.preventDefault();
+							},
+							children: rightComponent
+						}) : null,
+						isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
 					]
 				}) : children
 			})

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

@@ -76,6 +76,7 @@ export declare const Menu: import("react").ForwardRefExoticComponent<{
         'data-testid'?: string | undefined;
         searchText?: string | undefined;
         style?: import("react").CSSProperties | undefined;
+        rightComponent?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLElement>>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4C,CAAA"}

package/dist/components/Menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { Group } from "./components/Group.js";
 import { MenuProvider } from "./MenuProvider.js";
 import { Item } from "./components/Item.js";

package/dist/components/Modal/components/Dialog.js

@@ -1,13 +1,13 @@
 'use client';
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../../Stack/index.js";
 import { useModal } from "../ModalProvider.js";
 import { modal, modalBackdrop, modalContent, modalImage, modalImageContainer, positionModal, topModal } from "../styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { createPortal } from "react-dom";
 
 //#region src/components/Modal/components/Dialog.tsx

package/dist/components/Notice/index.js

@@ -2,8 +2,8 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { notice } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 
 //#region src/components/Notice/index.tsx

package/dist/components/Notification/Notification.js

@@ -1,6 +1,6 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Button } from "../Button/index.js";

package/dist/components/Notification/NotificationContainer.js

@@ -1,8 +1,8 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { notification } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { Slide, ToastContainer } from "react-toastify";
 
 //#region src/components/Notification/NotificationContainer.tsx

package/dist/components/NumberInput/index.js

@@ -9,8 +9,8 @@ import { Row } from "../Row/index.js";
 import { inputContainer, numberinput, numberinputContainer, numberinputSideContainer, unit } from "./styles.css.js";
 import { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 
 //#region src/components/NumberInput/index.tsx
 /**

package/dist/components/Pagination/PaginationButtons.js

@@ -7,8 +7,8 @@ import { getPageNumbers } from "./getPageNumbers.js";
 import { ellipsisClass, pageButton, pageNumbersContainer } from "./styles.css.js";
 import { useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 
 //#region src/components/Pagination/PaginationButtons.tsx
 const MakeButton = ({ hasEllipsisBefore, pageNumber, disabled, page, handlePageClick, perPage }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [hasEllipsisBefore ? /* @__PURE__ */ jsx(Text, {

package/dist/components/PasswordCheck/index.js

@@ -3,8 +3,8 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { passwordCheckContainer } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 

package/dist/components/PieChart/index.js

@@ -1,15 +1,15 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Text } from "../Text/index.js";
 import { getLegendColor } from "../../helpers/legend.js";
 import { getNivoTheme } from "../../helpers/nivoTheme.js";
 import { containerPie, contentPie, emptyLegendPie, heightContainerPie } from "./styles.css.js";
 import { Legends } from "./Legends.js";
 import { useCallback, useState } from "react";
+import { useTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
 import { Pie } from "@nivo/pie";
 
 //#region src/components/PieChart/index.tsx

package/dist/components/Popover/index.js

@@ -6,9 +6,9 @@ import { Text } from "../Text/index.js";
 import { Button } from "../Button/index.js";
 import { ModalContext } from "../Modal/ModalProvider.js";
 import { popover, stackPopover } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Popover/index.tsx

package/dist/components/Popup/index.js

@@ -1,14 +1,14 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { isClientSide } from "../../helpers/isClientSide.js";
 import { DEFAULT_POSITIONS, computePositions } from "./helpers.js";
 import { animationPopup, childrenContainerPopup, containerPopup, popup } from "./styles.css.js";
 import { animationDurationPopup, arrowLeft, arrowTop, arrowTransform, maxHeightPopup, maxWidthPopup, popupInitialPosition, popupPosition } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, startTransition, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { createPortal } from "react-dom";
 
 //#region src/components/Popup/index.tsx

package/dist/components/Popup/styles.css.js

@@ -1,3 +1,4 @@
+/* empty css                         */
 /* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 

package/dist/components/Popup/variables.css.js

@@ -1,5 +1,3 @@
-/* empty css                         */
-
 //#region src/components/Popup/variables.css.ts
 var arrowTop = "var(--uv_ozfz3c0)";
 var arrowLeft = "var(--uv_ozfz3c1)";

package/dist/components/ProgressBar/index.js

@@ -5,9 +5,9 @@ import { Text } from "../Text/index.js";
 import { Label } from "../Label/index.js";
 import { customText, filledBarSentiments, progressBar, progressContainer } from "./styles.css.js";
 import { percentageValue } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/ProgressBar/index.tsx
 /**

package/dist/components/Radio/index.js

@@ -4,9 +4,9 @@ import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Text } from "../Text/index.js";
 import { container, innerCircleRing, labelRadio, labelStyle, margedText, radio, radioMark, radioStack, ring, textLabel } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useId } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Radio/index.tsx
 const RadioMarkedIcon = () => /* @__PURE__ */ jsxs("g", { children: [