@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/List/index.js

@@ -8,12 +8,13 @@ import { HeaderRow, init_HeaderRow } from "./HeaderRow.js";
 import { Row, init_Row } from "./Row.js";
 import { SelectBar, init_SelectBar } from "./SelectBar.js";
 import { SkeletonRows, init_SkeletonRows } from "./SkeletonRows.js";
-import { Children, forwardRef, useEffect, useState } from "react";
+import { TableContainer, init_TableContainer } from "./TableContainer.js";
+import { forwardRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/List/index.tsx
-var TableContainer, BaseList, List;
+var BaseList, List;
 var init_List = __esmMin(() => {
 	init_Cell();
 	init_HeaderCell();
@@ -23,20 +24,7 @@ var init_List = __esmMin(() => {
 	init_SelectBar();
 	init_SkeletonRows();
 	init_styles_css();
-	TableContainer = ({ children }) => {
-		const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
-		const { setRefList } = useListContext();
-		useEffect(() => {
-			if (Children.toArray(children) !== childrenMemory) {
-				setRefList([]);
-				setChildrenMemory(Children.toArray(children));
-			}
-		}, [children, setRefList]);
-		return /* @__PURE__ */ jsx("div", {
-			className: listStyle.container,
-			children
-		});
-	};
+	init_TableContainer();
 	BaseList = forwardRef(({ expandable = false, selectable = false, columns, children, loading, autoCollapse = false, onSelectedChange, className, style, colMode = "flexible" }, ref) => /* @__PURE__ */ jsx(ListProvider, {
 		autoCollapse,
 		colMode,

package/dist/components/Loader/constants.d.ts

@@ -1,9 +1,9 @@
 export declare const SIZES: {
-    readonly large: "300";
-    readonly medium: "250";
-    readonly small: "200";
-    readonly xlarge: "400";
-    readonly xsmall: "150";
-    readonly xxlarge: "700";
+    readonly large: '300';
+    readonly medium: '250';
+    readonly small: '200';
+    readonly xlarge: '400';
+    readonly xsmall: '150';
+    readonly xxlarge: '700';
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/Loader/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;aAChB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,MAAM,EAAE,KAAK;aACb,OAAO,EAAE,KAAK;CACN,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAO1C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,kHAwDlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAO1C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,2DAOhB,WAAW,4CAiDb,CAAA"}

package/dist/components/Loader/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { SIZES, init_constants } from "./constants.js";
 import { init_styles_css, loaderStyle } from "./styles.css.js";
 import { useTheme } from "@ultraviolet/themes";

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

@@ -1,57 +1,58 @@
+import { Popup } from '../Popup';
 import type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
 export declare const Menu: import("react").ForwardRefExoticComponent<{
-    id?: string | undefined;
-    ariaLabel?: string | undefined;
-    children?: (({ toggle }: {
+    id?: string;
+    ariaLabel?: string;
+    children?: ReactNode | (({ toggle }: {
         toggle: () => void;
-    }) => ReactNode) | ReactNode;
-    className?: string | undefined;
+    }) => ReactNode);
+    className?: string;
     disclosure: ((disclosure: import("./types").DisclosureProps) => import("react").ReactElement<ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
-        ref?: Ref<HTMLButtonElement> | undefined;
+        ref?: Ref<HTMLButtonElement>;
     });
-    hasArrow?: boolean | undefined;
-    visible?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    maxHeight?: string | undefined;
-    portalTarget?: HTMLElement | undefined;
-    triggerMethod?: "click" | "hover" | undefined;
-    searchable?: boolean | undefined;
-    hideOnClickItem?: boolean | undefined;
+    hasArrow?: boolean;
+    visible?: boolean;
+    'data-testid'?: string;
+    maxHeight?: string;
+    portalTarget?: HTMLElement;
+    triggerMethod?: 'click' | 'hover';
+    searchable?: boolean;
+    hideOnClickItem?: boolean;
     footer?: ReactNode;
-    placement?: "bottom" | "left" | "right" | "top" | ("auto" | "auto-bottom" | "auto-left" | "auto-right" | "auto-top") | undefined;
-    shrink?: boolean | undefined;
+    placement?: Exclude<import("../Popup/helpers").PopupPlacement | undefined, 'nested-menu'>;
+    shrink?: boolean;
 } & Pick<{
-    id?: string | undefined;
-    children: ((renderProps: {
-        className?: string | undefined;
+    id?: string;
+    children: ReactNode | ((renderProps: {
+        className?: string;
         onBlur: () => void;
         onFocus: () => void;
         onPointerEnter: () => void;
         onPointerLeave: () => void;
         ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => ReactNode) | ReactNode;
-    maxWidth?: string | number | undefined;
-    placement?: import("../Popup/helpers").PopupPlacement | undefined;
-    align?: import("../Popup/helpers").PopupAlign | undefined;
+    }) => ReactNode);
+    maxWidth?: number | string;
+    placement?: import("../Popup/helpers").PopupPlacement;
+    align?: import("../Popup/helpers").PopupAlign;
     text?: ReactNode;
-    className?: string | undefined;
-    containerFullWidth?: boolean | undefined;
-    containerFullHeight?: boolean | undefined;
-    visible?: boolean | undefined;
-    innerRef?: Ref<HTMLDivElement | null> | undefined;
-    role?: ("dialog" | "popup" | "tooltip") | undefined;
-    'data-testid'?: string | undefined;
-    hasArrow?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    tabIndex?: number | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    className?: string;
+    containerFullWidth?: boolean;
+    containerFullHeight?: boolean;
+    visible?: boolean;
+    innerRef?: Ref<HTMLDivElement | null>;
+    role?: "dialog" | "popup" | "tooltip";
+    'data-testid'?: string;
+    hasArrow?: boolean;
+    onClose?: () => void;
+    tabIndex?: number;
+    onKeyDown?: import("react").KeyboardEventHandler;
     'aria-haspopup'?: "dialog" | "false" | "grid" | "listbox" | "menu" | "tree" | "true" | boolean | undefined;
-    hideOnClickOutside?: boolean | undefined;
-    debounceDelay?: number | undefined;
-    maxHeight?: string | number | undefined;
-    disableAnimation?: boolean | undefined;
-    portalTarget?: HTMLElement | undefined;
-    dynamicDomRendering?: boolean | undefined;
-    style?: import("react").CSSProperties | undefined;
+    hideOnClickOutside?: boolean;
+    debounceDelay?: number;
+    maxHeight?: string | number;
+    disableAnimation?: boolean;
+    portalTarget?: HTMLElement;
+    dynamicDomRendering?: boolean;
+    style?: import("react").CSSProperties;
 } & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=MenuContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAId,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJA4PhB,CAAA"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAShC,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAyBd,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJA2PhB,CAAA"}

package/dist/components/Menu/MenuContent.js

@@ -12,7 +12,7 @@ import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Menu/MenuContent.tsx
-var SPACE_DISCLOSURE_POPUP, Menu;
+var SPACE_DISCLOSURE_POPUP, moveFocusDown, moveFocusUp, Menu;
 var init_MenuContent = __esmMin(() => {
 	init_Popup();
 	init_SearchInput();
@@ -21,6 +21,17 @@ var init_MenuContent = __esmMin(() => {
 	init_MenuProvider();
 	init_styles_css();
 	SPACE_DISCLOSURE_POPUP = 24;
+	moveFocusDown = (indexOfCurrent, listItem) => {
+		if (indexOfCurrent < listItem.length - 1) listItem[indexOfCurrent + 1].focus();
+		else listItem[0].focus();
+	};
+	moveFocusUp = (indexOfCurrent, listItem) => {
+		if (indexOfCurrent > 0) listItem[indexOfCurrent - 1].focus();
+		else {
+			var _listItem$at;
+			(_listItem$at = listItem.at(-1)) === null || _listItem$at === void 0 || _listItem$at.focus();
+		}
+	};
 	Menu = forwardRef(({ id, ariaLabel = "Menu", children, disclosure, hasArrow = false, placement = "auto-bottom", className, "data-testid": dataTestId, maxHeight, portalTarget = document.body, triggerMethod = "click", dynamicDomRendering, align, searchable = false, footer, shrink, style }, ref) => {
 		const { isVisible, setIsVisible, isNested, disclosureRef, menuRef, setShouldBeVisible, shouldBeVisible } = useMenu();
 		const searchInputRef = useRef(null);
@@ -29,6 +40,7 @@ var init_MenuContent = __esmMin(() => {
 		const contentRef = useRef(null);
 		const tempId = useId();
 		const finalId = `menu-${id !== null && id !== void 0 ? id : tempId}`;
+		const isTriggerMethodHover = triggerMethod === "hover";
 		const target = isValidElement(disclosure) ? disclosure : disclosure({ visible: isVisible });
 		const innerRef = useRef(target);
 		useImperativeHandle(ref, () => innerRef.current);
@@ -61,7 +73,7 @@ var init_MenuContent = __esmMin(() => {
 			};
 		}, [isVisible, searchable]);
 		useEffect(() => {
-			if (disclosureRef.current && triggerMethod === "hover") {
+			if (disclosureRef.current && isTriggerMethodHover) {
 				const handler = (value) => {
 					setShouldBeVisible(value);
 				};
@@ -81,7 +93,7 @@ var init_MenuContent = __esmMin(() => {
 		}, [
 			setShouldBeVisible,
 			disclosureRef,
-			triggerMethod
+			isTriggerMethodHover
 		]);
 		const finalChild = useMemo(() => {
 			if (typeof children === "function") return children({ toggle: () => setIsVisible(!isVisible) });
@@ -104,30 +116,24 @@ var init_MenuContent = __esmMin(() => {
 				}
 			}
 		};
+		const handleFocusKey = (key, indexOfCurrent, listItem) => {
+			if (key === "ArrowDown") moveFocusDown(indexOfCurrent, listItem);
+			else if (key === "ArrowUp") moveFocusUp(indexOfCurrent, listItem);
+			else if (key === "ArrowLeft" && isTriggerMethodHover) {
+				var _disclosureRef$curren;
+				(_disclosureRef$curren = disclosureRef.current) === null || _disclosureRef$curren === void 0 || _disclosureRef$curren.focus();
+				setShouldBeVisible(void 0);
+			}
+		};
 		const handleKeyDown = (event) => {
 			if (contentRef.current) {
 				const listItem = getListItem([...contentRef.current.children]);
 				if (listItem) {
 					const currentElement = listItem.find((item) => item === document.activeElement);
 					if (currentElement) {
-						if (event.key === "ArrowDown") {
-							event.preventDefault();
-							const indexOfCurrent = listItem.indexOf(currentElement);
-							if (indexOfCurrent < listItem.length - 1) listItem[indexOfCurrent + 1].focus();
-							else listItem[0].focus();
-						} else if (event.key === "ArrowUp") {
-							event.preventDefault();
-							const indexOfCurrent = listItem.indexOf(currentElement);
-							if (indexOfCurrent > 0) listItem[indexOfCurrent - 1].focus();
-							else {
-								var _listItem$at;
-								(_listItem$at = listItem.at(-1)) === null || _listItem$at === void 0 || _listItem$at.focus();
-							}
-						} else if (event.key === "ArrowLeft" && triggerMethod === "hover") {
-							var _disclosureRef$curren;
-							(_disclosureRef$curren = disclosureRef.current) === null || _disclosureRef$curren === void 0 || _disclosureRef$curren.focus();
-							setShouldBeVisible(void 0);
-						}
+						const indexOfCurrent = listItem.indexOf(currentElement);
+						event.preventDefault();
+						handleFocusKey(event.key, indexOfCurrent, listItem);
 					}
 				}
 			}
@@ -151,7 +157,7 @@ var init_MenuContent = __esmMin(() => {
 				arrow: hasArrow,
 				searchable
 			})),
-			debounceDelay: triggerMethod === "hover" ? 250 : 0,
+			debounceDelay: isTriggerMethodHover ? 250 : 0,
 			dynamicDomRendering,
 			hasArrow,
 			hideOnClickOutside: true,

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

@@ -1 +1 @@
-{"version":3,"file":"MenuProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAClD,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mBAAmB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzD,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,CAAA;IACjE,eAAe,EAAE,OAAO,GAAG,SAAS,CAAA;CACrC,CAAA;AAKD,eAAO,MAAM,OAAO,wBAOnB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzD,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,YAAY,8HAuCxB,CAAA;AAED,eAAO,MAAM,iBAAiB,kCAAuB,CAAA;AAErD,eAAO,MAAM,oBAAoB,eAAsC,CAAA"}
+{"version":3,"file":"MenuProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAClD,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,mBAAmB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzD,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,CAAA;IACjE,eAAe,EAAE,OAAO,GAAG,SAAS,CAAA;CACrC,CAAA;AAKD,eAAO,MAAM,OAAO,wBAOnB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzD,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,YAAY,iEAKtB,iBAAiB,4CAkCnB,CAAA;AAED,eAAO,MAAM,iBAAiB,kCAAuB,CAAA;AAErD,eAAO,MAAM,oBAAoB,eAAsC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Group.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,KAAK,oHA2BjB,CAAA"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Group.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,KAAK,8DAMf,UAAU,4CAqBZ,CAAA"}

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":"AAYA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,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,mGAkNhB,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,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;AAaD,eAAO,MAAM,IAAI,mGA0MhB,CAAA"}

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

@@ -11,13 +11,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
 
 //#region src/components/Menu/components/Item.tsx
-var Item;
+var focusFistElement, Item;
 var init_Item = __esmMin(() => {
 	init_Stack();
 	init_Tooltip();
 	init_helpers();
 	init_MenuProvider();
 	init_styles_css();
+	focusFistElement = (firstElementInNestedMenu) => {
+		if (["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) firstElementInNestedMenu.focus();
+		else if (firstElementInNestedMenu.firstChild instanceof HTMLElement) firstElementInNestedMenu.firstChild.focus();
+	};
 	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();
@@ -44,11 +48,7 @@ var init_Item = __esmMin(() => {
 					var _menuRef$current;
 					if ((_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.children) {
 						const listItem = getListItem([...menuRef.current.children[0].children[0].children]);
-						if (listItem) {
-							const firstElementInNestedMenu = listItem[0];
-							if (firstElementInNestedMenu && ["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) firstElementInNestedMenu.focus();
-							else if (firstElementInNestedMenu && firstElementInNestedMenu.firstChild instanceof HTMLElement) firstElementInNestedMenu.firstChild.focus();
-						}
+						if (listItem[0]) focusFistElement(listItem[0]);
 					}
 				}, 50);
 			} else if (event.key === "ArrowLeft" && isNested && (isDisclosure && (parentDisclosureRef === null || parentDisclosureRef === void 0 || (_parentDisclosureRef$ = parentDisclosureRef.current) === null || _parentDisclosureRef$ === void 0 ? void 0 : _parentDisclosureRef$.dataset["isMenuItem"]) || !isDisclosure) && (parentDisclosureRef === null || parentDisclosureRef === void 0 ? void 0 : parentDisclosureRef.current)) {
@@ -95,6 +95,7 @@ var init_Item = __esmMin(() => {
 									event.stopPropagation();
 									event.preventDefault();
 								},
+								role: "menuitem",
 								children: rightComponent
 							}) : null,
 							isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
@@ -148,6 +149,7 @@ var init_Item = __esmMin(() => {
 									event.stopPropagation();
 									event.preventDefault();
 								},
+								role: "menuitem",
 								children: rightComponent
 							}) : null,
 							isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;CAIjB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;IAChB,KAAK;IACL,MAAM;IACN,KAAK;CACN,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC;;GAEG;AACH,eAAO,MAAM,cAAc,4DAmD1B,CAAA;AAmBD,eAAO,MAAM,WAAW,qEAO4B,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC;;GAEG;AACH,eAAO,MAAM,cAAc,aACf,SAAS,gBACL,MAAM,KACnB,SAAS,EAgDX,CAAA;AAmBD,eAAO,MAAM,WAAW,cAAe,OAAO,EAAE,8CAOI,CAAA"}

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

@@ -1,81 +1,81 @@
 import type { Ref } from 'react';
 export declare const Menu: import("react").ForwardRefExoticComponent<{
-    id?: string | undefined;
-    ariaLabel?: string | undefined;
-    children?: (({ toggle }: {
+    id?: string;
+    ariaLabel?: string;
+    children?: import("react").ReactNode | (({ toggle }: {
         toggle: () => void;
-    }) => import("react").ReactNode) | import("react").ReactNode;
-    className?: string | undefined;
+    }) => import("react").ReactNode);
+    className?: string;
     disclosure: ((disclosure: import("./types").DisclosureProps) => import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
-        ref?: Ref<HTMLButtonElement> | undefined;
+        ref?: Ref<HTMLButtonElement>;
     });
-    hasArrow?: boolean | undefined;
-    visible?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    maxHeight?: string | undefined;
-    portalTarget?: HTMLElement | undefined;
-    triggerMethod?: "click" | "hover" | undefined;
-    searchable?: boolean | undefined;
-    hideOnClickItem?: boolean | undefined;
+    hasArrow?: boolean;
+    visible?: boolean;
+    'data-testid'?: string;
+    maxHeight?: string;
+    portalTarget?: HTMLElement;
+    triggerMethod?: 'click' | 'hover';
+    searchable?: boolean;
+    hideOnClickItem?: boolean;
     footer?: import("react").ReactNode;
-    placement?: "bottom" | "left" | "right" | "top" | ("auto" | "auto-bottom" | "auto-left" | "auto-right" | "auto-top") | undefined;
-    shrink?: boolean | undefined;
+    placement?: Exclude<import("../Popup/helpers").PopupPlacement | undefined, 'nested-menu'>;
+    shrink?: boolean;
 } & Pick<{
-    id?: string | undefined;
-    children: ((renderProps: {
-        className?: string | undefined;
+    id?: string;
+    children: import("react").ReactNode | ((renderProps: {
+        className?: string;
         onBlur: () => void;
         onFocus: () => void;
         onPointerEnter: () => void;
         onPointerLeave: () => void;
         ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => import("react").ReactNode) | import("react").ReactNode;
-    maxWidth?: string | number | undefined;
-    placement?: import("../Popup/helpers").PopupPlacement | undefined;
-    align?: import("../Popup/helpers").PopupAlign | undefined;
+    }) => import("react").ReactNode);
+    maxWidth?: number | string;
+    placement?: import("../Popup/helpers").PopupPlacement;
+    align?: import("../Popup/helpers").PopupAlign;
     text?: import("react").ReactNode;
-    className?: string | undefined;
-    containerFullWidth?: boolean | undefined;
-    containerFullHeight?: boolean | undefined;
-    visible?: boolean | undefined;
-    innerRef?: Ref<HTMLDivElement | null> | undefined;
-    role?: ("dialog" | "popup" | "tooltip") | undefined;
-    'data-testid'?: string | undefined;
-    hasArrow?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    tabIndex?: number | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    className?: string;
+    containerFullWidth?: boolean;
+    containerFullHeight?: boolean;
+    visible?: boolean;
+    innerRef?: Ref<HTMLDivElement | null>;
+    role?: "dialog" | "popup" | "tooltip";
+    'data-testid'?: string;
+    hasArrow?: boolean;
+    onClose?: () => void;
+    tabIndex?: number;
+    onKeyDown?: import("react").KeyboardEventHandler;
     'aria-haspopup'?: "dialog" | "false" | "grid" | "listbox" | "menu" | "tree" | "true" | boolean | undefined;
-    hideOnClickOutside?: boolean | undefined;
-    debounceDelay?: number | undefined;
-    maxHeight?: string | number | undefined;
-    disableAnimation?: boolean | undefined;
-    portalTarget?: HTMLElement | undefined;
-    dynamicDomRendering?: boolean | undefined;
-    style?: import("react").CSSProperties | undefined;
+    hideOnClickOutside?: boolean;
+    debounceDelay?: number;
+    maxHeight?: string | number;
+    disableAnimation?: boolean;
+    portalTarget?: HTMLElement;
+    dynamicDomRendering?: boolean;
+    style?: import("react").CSSProperties;
 } & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLButtonElement>> & {
     Group: ({ label, children, labelDescription, emptyState, style, }: {
         label: string;
         children: import("react").ReactNode;
         labelDescription?: import("react").ReactNode;
         emptyState?: import("react").ReactNode;
-        style?: import("react").CSSProperties | undefined;
+        style?: import("react").CSSProperties;
     }) => import("react/jsx-runtime").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<{
-        href?: string | undefined;
-        target?: string | undefined;
-        rel?: string | undefined;
+        href?: HTMLAnchorElement['href'];
+        target?: HTMLAnchorElement['target'];
+        rel?: HTMLAnchorElement['rel'];
         disabled?: boolean | undefined;
         tooltip?: string | undefined;
         className?: string | undefined;
         children: import("react").ReactNode;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        borderless?: boolean | undefined;
-        sentiment?: ("danger" | "neutral" | "primary") | undefined;
-        active?: boolean | undefined;
-        'data-testid'?: string | undefined;
-        searchText?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
+        borderless?: boolean;
+        sentiment?: "danger" | "neutral" | "primary";
+        active?: boolean;
+        'data-testid'?: string;
+        searchText?: string;
+        style?: import("react").CSSProperties;
         rightComponent?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLElement>>;
 };

package/dist/components/Menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { Group, init_Group } from "./components/Group.js";
 import { MenuProvider, init_MenuProvider } from "./MenuProvider.js";
 import { Item, init_Item } from "./components/Item.js";

package/dist/components/Menu/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AA+N/C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASrB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AA+N/C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA1DhB,IAAI;;;;;;;;;;;CAmET,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,uJAsDjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,iFAQf,0BAA0B,4CA8C5B,CAAA"}

package/dist/components/Modal/ModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,2TAsEf,CAAA"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,uPAsBtB,iBAAiB,mDA4CV,CAAA"}

package/dist/components/Modal/ModalContent.js

@@ -3,7 +3,7 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Button, init_Button } from "../Button/index.js";
 import { init_styles_css, modalStyle } from "./styles.css.js";
 import { Dialog, init_Dialog } from "./components/Dialog.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Modal/ModalContent.tsx
@@ -12,7 +12,7 @@ var init_ModalContent = __esmMin(() => {
 	init_Button();
 	init_Dialog();
 	init_styles_css();
-	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsx(Dialog, {
+	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsxs(Dialog, {
 		ariaLabel,
 		backdropClassName,
 		className,
@@ -29,7 +29,7 @@ var init_ModalContent = __esmMin(() => {
 		ref,
 		size: finalSize,
 		style,
-		children: /* @__PURE__ */ jsxs(Fragment, { children: [typeof children === "function" ? children({
+		children: [typeof children === "function" ? children({
 			close: handleClose,
 			modalId: finalId,
 			show: handleOpen,
@@ -46,7 +46,7 @@ var init_ModalContent = __esmMin(() => {
 				variant: "ghost",
 				children: /* @__PURE__ */ jsx(CloseIcon, {})
 			}) : null
-		})] })
+		})]
 	}) : null;
 });
 

package/dist/components/Modal/ModalProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProvider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACzC,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,sBAAsB,EAAE,WAAW,EAAE,CAAA;CACtC,CAAA;AAGD,eAAO,MAAM,YAAY,yDAExB,CAAA;AAGD,eAAO,MAAM,QAAQ,0BAOpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,+EAiCzB,CAAA"}
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProvider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACzC,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,sBAAsB,EAAE,WAAW,EAAE,CAAA;CACtC,CAAA;AAGD,eAAO,MAAM,YAAY,yDAExB,CAAA;AAGD,eAAO,MAAM,QAAQ,0BAOpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,4CAiC7D,CAAA"}

package/dist/components/Modal/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAc3C,eAAO,MAAM,MAAM,8OAyQlB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAe3C,eAAO,MAAM,MAAM,mMAiBhB,WAAW,gCAmQb,CAAA"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { init_ModalProvider, useModal } from "../ModalProvider.js";
 import { init_styles_css, modalStyle, positionModal, topModal } from "../styles.css.js";
@@ -90,6 +90,17 @@ var init_Dialog = __esmMin(() => {
 			position,
 			dialogRef
 		]);
+		const handleFocusMove = useCallback((event, firstFocusableEl, lastFocusableEl) => {
+			if (event.shiftKey) {
+				if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
+					if (lastFocusableEl instanceof HTMLElement) lastFocusableEl.focus();
+					event.preventDefault();
+				}
+			} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
+				if (firstFocusableEl instanceof HTMLElement) firstFocusableEl.focus();
+				event.preventDefault();
+			}
+		}, [dialogRef]);
 		const handleFocusTrap = useCallback((event) => {
 			var _dialogRef$current3;
 			event.stopPropagation();
@@ -103,18 +114,9 @@ var init_Dialog = __esmMin(() => {
 			if (focusableEls) {
 				const elems = [...focusableEls];
 				const firstFocusableEl = elems[0];
-				const lastFocusableEl = elems.at(-1);
-				if (event.shiftKey) {
-					if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
-						if (lastFocusableEl instanceof HTMLElement) lastFocusableEl.focus();
-						event.preventDefault();
-					}
-				} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
-					if (firstFocusableEl instanceof HTMLElement) firstFocusableEl.focus();
-					event.preventDefault();
-				}
+				handleFocusMove(event, firstFocusableEl, elems.at(-1));
 			}
-		}, [dialogRef]);
+		}, [dialogRef, handleFocusMove]);
 		if ((modalAbove === null || modalAbove === void 0 ? void 0 : modalAbove.ref) && typeof modalAbove.ref === "object" && "current" in modalAbove.ref && currentModalHeight) {
 			var _modalAbove$ref$curre;
 			var _modalAbove$ref;