@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/compositions/Navigation/components/{ItemFragments.js → Item/PinnedButton.js}

@@ -1,28 +1,18 @@
-import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
-import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
-import { init_styles_css, navigationStyle } from "../styles.css.js";
-import { Badge, init_Badge } from "../../../Badge/index.js";
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../../../Tooltip/index.js";
+import { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { PinOutlineIcon } from "@ultraviolet/icons/PinOutlineIcon";
 import { UnpinIcon } from "@ultraviolet/icons/UnpinIcon";
 
-//#region src/components/compositions/Navigation/components/ItemFragments.tsx
-var ItemBadge, ItemPinnedButton;
-var init_ItemFragments = __esmMin(() => {
-	init_Badge();
+//#region src/components/compositions/Navigation/components/Item/PinnedButton.tsx
+var ItemPinnedButton;
+var init_PinnedButton = __esmMin(() => {
 	init_Tooltip();
 	init_NavigationProvider();
 	init_styles_css();
-	ItemBadge = ({ badgeText, animation, disabled, badgeSentiment }) => badgeText && !animation ? /* @__PURE__ */ jsx(Badge, {
-		className: navigationStyle.itemBadge,
-		disabled,
-		prominence: "strong",
-		sentiment: badgeSentiment,
-		size: "small",
-		children: badgeText
-	}) : null;
 	ItemPinnedButton = ({ shouldShowPinnedButton, isItemPinned, pinTooltipLocale, isPinDisabled, id, active, onClickPinUnpin }) => {
 		const context = useNavigation();
 		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
@@ -67,5 +57,5 @@ var init_ItemFragments = __esmMin(() => {
 });
 
 //#endregion
-init_ItemFragments();
-export { ItemBadge, ItemPinnedButton, init_ItemFragments };
+init_PinnedButton();
+export { ItemPinnedButton, init_PinnedButton };

package/dist/components/compositions/Navigation/components/Menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import type { ItemMenuType } from '../ComponentsTypes';
+export declare const ItemMenu: ({ style, children, label, categoryIcon, active, hasActiveChildren, }: ItemMenuType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/compositions/Navigation/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Menu/Menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,eAAO,MAAM,QAAQ,iIAuEpB,CAAA"}

package/dist/components/compositions/Navigation/components/Menu/Menu.js

@@ -0,0 +1,73 @@
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../../../Tooltip/index.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Button, init_Button } from "../../../../Button/index.js";
+import { Menu, init_Menu as init_Menu$1 } from "../../../../Menu/index.js";
+import { ItemProvider, init_ItemProvider } from "../Item/ItemProvider.js";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+import { OrganizationDashboardCategoryIcon } from "@ultraviolet/icons/category/OrganizationDashboardCategoryIcon";
+import { DotsHorizontalIcon } from "@ultraviolet/icons/DotsHorizontalIcon";
+
+//#region src/components/compositions/Navigation/components/Menu/Menu.tsx
+var ItemMenu;
+var init_Menu = __esmMin(() => {
+	init_Button();
+	init_Menu$1();
+	init_Stack();
+	init_Tooltip();
+	init_styles_css();
+	init_ItemProvider();
+	ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren }) => /* @__PURE__ */ jsx(Stack, {
+		alignItems: "flex-start",
+		className: navigationStyle.itemMenuStack,
+		gap: 1,
+		justifyContent: "flex-start",
+		style,
+		children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
+			className: navigationStyle.itemMenuContainer,
+			disclosure: /* @__PURE__ */ jsx(Button, {
+				"aria-label": label,
+				sentiment: "neutral",
+				size: "small",
+				variant: hasActiveChildren ? "filled" : "ghost",
+				children: categoryIcon ? /* @__PURE__ */ jsx(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					justifyContent: "center",
+					children: categoryIcon
+				}) : /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
+			}),
+			dynamicDomRendering: false,
+			placement: "right",
+			triggerMethod: "hover",
+			children: /* @__PURE__ */ jsx(Menu.Group, {
+				label,
+				children: /* @__PURE__ */ jsx(ItemProvider, { children })
+			})
+		}) : /* @__PURE__ */ jsx(Tooltip, {
+			placement: "right",
+			tabIndex: -1,
+			text: label,
+			children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": label,
+				sentiment: "neutral",
+				size: "small",
+				variant: active ? "filled" : "ghost",
+				children: /* @__PURE__ */ jsx(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					justifyContent: "center",
+					children: categoryIcon !== null && categoryIcon !== void 0 ? categoryIcon : /* @__PURE__ */ jsx(OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" })
+				})
+			})
+		})
+	});
+});
+
+//#endregion
+init_Menu();
+export { ItemMenu, init_Menu };

package/dist/components/compositions/Navigation/components/{ItemMenu.d.ts → Menu/MenuItem.d.ts}

@@ -1,4 +1,3 @@
-import type { ItemMenuItemType, ItemMenuType } from './ComponentsTypes';
-export declare const ItemMenu: ({ style, children, label, categoryIcon, active, hasActiveChildren, }: ItemMenuType) => import("react/jsx-runtime").JSX.Element;
+import type { ItemMenuItemType } from '../ComponentsTypes';
 export declare const ItemMenuItem: ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id, }: ItemMenuItemType) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ItemMenu.d.ts.map
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/compositions/Navigation/components/Menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,eAAO,MAAM,YAAY,6TA4GxB,CAAA"}

package/dist/components/compositions/Navigation/components/{ItemMenu.js → Menu/MenuItem.js}

@@ -1,75 +1,25 @@
-import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack, init_Stack } from "../../../Stack/index.js";
-import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
-import { Text, init_Text } from "../../../Text/index.js";
-import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
-import { init_styles_css, navigationStyle } from "../styles.css.js";
-import { ItemBadge, ItemPinnedButton, init_ItemFragments } from "./ItemFragments.js";
-import { ItemProvider, init_ItemProvider } from "./ItemProvider.js";
-import { Button, init_Button } from "../../../Button/index.js";
-import { Menu, init_Menu } from "../../../Menu/index.js";
-import { Children } from "react";
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../Stack/index.js";
+import { Text, init_Text } from "../../../../Text/index.js";
+import { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Menu, init_Menu } from "../../../../Menu/index.js";
+import { ItemBadge, init_Badge } from "../Item/Badge.js";
+import { ItemPinnedButton, init_PinnedButton } from "../Item/PinnedButton.js";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
-import { OrganizationDashboardCategoryIcon } from "@ultraviolet/icons/category/OrganizationDashboardCategoryIcon";
 
-//#region src/components/compositions/Navigation/components/ItemMenu.tsx
-var ItemMenu, ItemMenuItem;
-var init_ItemMenu = __esmMin(() => {
-	init_Button();
+//#region src/components/compositions/Navigation/components/Menu/MenuItem.tsx
+var ItemMenuItem;
+var init_MenuItem = __esmMin(() => {
 	init_Menu();
 	init_Stack();
 	init_Text();
-	init_Tooltip();
 	init_NavigationProvider();
 	init_styles_css();
-	init_ItemFragments();
-	init_ItemProvider();
-	ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren }) => /* @__PURE__ */ jsx(Stack, {
-		alignItems: "flex-start",
-		className: navigationStyle.itemMenuStack,
-		gap: 1,
-		justifyContent: "flex-start",
-		style,
-		children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
-			className: navigationStyle.itemMenuContainer,
-			disclosure: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				sentiment: "neutral",
-				size: "small",
-				variant: hasActiveChildren ? "filled" : "ghost",
-				children: categoryIcon ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					children: categoryIcon
-				}) : null
-			}),
-			dynamicDomRendering: false,
-			placement: "right",
-			triggerMethod: "hover",
-			children: /* @__PURE__ */ jsx(ItemProvider, { children })
-		}) : /* @__PURE__ */ jsx(Tooltip, {
-			placement: "right",
-			tabIndex: -1,
-			text: label,
-			children: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				sentiment: "neutral",
-				size: "small",
-				variant: active ? "filled" : "ghost",
-				children: /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					children: categoryIcon !== null && categoryIcon !== void 0 ? categoryIcon : /* @__PURE__ */ jsx(OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" })
-				})
-			})
-		})
-	});
+	init_Badge();
+	init_PinnedButton();
 	ItemMenuItem = ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => {
 		const context = useNavigation();
 		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
@@ -79,6 +29,7 @@ var init_ItemMenu = __esmMin(() => {
 			active,
 			borderless: true,
 			className: cn(navigationStyle.itemMenu, pinnedFeature && shouldShowPinnedButton ? navigationStyle.itemMenuPinned : ""),
+			"data-testid": id,
 			disabled,
 			href,
 			onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!!active),
@@ -144,5 +95,5 @@ var init_ItemMenu = __esmMin(() => {
 });
 
 //#endregion
-init_ItemMenu();
-export { ItemMenu, ItemMenuItem, init_ItemMenu };
+init_MenuItem();
+export { ItemMenuItem, init_MenuItem };

package/dist/components/compositions/Navigation/components/Menu/NestedMenu.d.ts

@@ -0,0 +1,3 @@
+import type { ItemMenuItemType, ItemMenuType } from '../ComponentsTypes';
+export declare const NestedMenu: ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id, }: ItemMenuType & ItemMenuItemType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NestedMenu.d.ts.map

package/dist/components/compositions/Navigation/components/Menu/NestedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Menu/NestedMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAExE,eAAO,MAAM,UAAU,sVAyDtB,CAAA"}

package/dist/components/compositions/Navigation/components/Menu/NestedMenu.js

@@ -0,0 +1,51 @@
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Menu, init_Menu } from "../../../../Menu/index.js";
+import { ItemProvider, init_ItemProvider } from "../Item/ItemProvider.js";
+import { ItemMenuItem, init_MenuItem } from "./MenuItem.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/Navigation/components/Menu/NestedMenu.tsx
+var NestedMenu;
+var init_NestedMenu = __esmMin(() => {
+	init_Menu();
+	init_styles_css();
+	init_ItemProvider();
+	init_MenuItem();
+	NestedMenu = ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => /* @__PURE__ */ jsx(Menu, {
+		className: navigationStyle.itemMenuContainer,
+		disclosure: /* @__PURE__ */ jsx(ItemMenuItem, {
+			active,
+			badgeSentiment,
+			badgeText,
+			disabled,
+			hasActiveChildren,
+			hasHrefAndNoChildren,
+			href,
+			id,
+			isItemPinned,
+			isPinDisabled,
+			label,
+			labelDescription,
+			noExpand,
+			onClickPinUnpin,
+			onToggle,
+			pinTooltipLocale,
+			rel,
+			shouldShowPinnedButton,
+			style,
+			target
+		}),
+		dynamicDomRendering: false,
+		placement: "right",
+		triggerMethod: "hover",
+		children: /* @__PURE__ */ jsx(Menu.Group, {
+			label,
+			children: /* @__PURE__ */ jsx(ItemProvider, { children })
+		})
+	});
+});
+
+//#endregion
+init_NestedMenu();
+export { NestedMenu, init_NestedMenu };

package/dist/components/compositions/Navigation/components/PinnedItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnE,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,CAAA;IAClE,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,4HAoJvB,CAAA"}
+{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnE,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,CAAA;IAClE,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,4HAqJvB,CAAA"}

package/dist/components/compositions/Navigation/components/PinnedItems.js

@@ -1,10 +1,10 @@
 '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 { Text, init_Text } from "../../../Text/index.js";
 import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
 import { init_styles_css, navigationStyle } from "../styles.css.js";
-import { Item, init_Item } from "./Item.js";
+import { Item, init_Item } from "./Item/Item.js";
 import { useCallback } from "react";
 import { useTheme } from "@ultraviolet/themes";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/compositions/Navigation/components/ShowHide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowHide.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/ShowHide.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,WAAW,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,QAAQ,qLAgEpB,CAAA"}
+{"version":3,"file":"ShowHide.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/ShowHide.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,WAAW,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,QAAQ,qLAgEpB,CAAA"}

package/dist/components/compositions/Navigation/index.js

@@ -2,7 +2,7 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { NavigationProvider, init_NavigationProvider, useNavigation } from "./NavigationProvider.js";
 import { Group, init_Group } from "./components/Group.js";
-import { Item, init_Item } from "./components/Item.js";
+import { Item, init_Item } from "./components/Item/Item.js";
 import { PinnedItems, init_PinnedItems } from "./components/PinnedItems.js";
 import { Separator, init_Separator } from "./components/Separator.js";
 import { ShowHide, init_ShowHide } from "./components/ShowHide.js";

package/dist/components/compositions/OfferList/components/Row.d.ts

@@ -1,5 +1,5 @@
-import { Badge as BadgeUV } from '../../../Badge';
 import { List } from '../../../List';
+import type { Badge as BadgeUV } from '../../../Badge';
 import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 type RowProps = ComponentProps<typeof List.Row> & {
     banner?: {

package/dist/components/compositions/OfferList/components/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/Row.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAYpC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG;IAChD,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KACzD,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;QACvD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;KAC1D,CAAA;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,0RAsQf,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/Row.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAWpC,OAAO,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG;IAChD,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KACzD,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;QACvD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;KAC1D,CAAA;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,0RAkNf,CAAA"}

package/dist/components/compositions/OfferList/components/Row.js

@@ -1,15 +1,12 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
-import { Badge, init_Badge } from "../../../Badge/index.js";
 import { Button, init_Button } from "../../../Button/index.js";
-import { Checkbox, init_Checkbox } from "../../../Checkbox/index.js";
 import { List, init_List } from "../../../List/index.js";
 import { init_OfferListProvider, useOfferListContext } from "../OfferListProvider.js";
 import { expandablePadding, init_styles_css, offerListStyle } from "../styles.css.js";
 import { OfferListRowContext, init_OfferListRowProvider } from "./OfferListRowProvider.js";
-import { Radio, init_Radio } from "../../../Radio/index.js";
 import { Banner, init_Banner } from "./Banner.js";
+import { SelectableCell, init_SelectableCell } from "./SelectableCell.js";
 import { Children, useCallback, useMemo, useState } from "react";
 import { theme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
@@ -21,16 +18,13 @@ import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 //#region src/components/compositions/OfferList/components/Row.tsx
 var Row;
 var init_Row = __esmMin(() => {
-	init_Badge();
 	init_Button();
-	init_Checkbox();
 	init_List();
-	init_Radio();
-	init_Tooltip();
 	init_OfferListProvider();
 	init_styles_css();
 	init_Banner();
 	init_OfferListRowProvider();
+	init_SelectableCell();
 	Row = ({ children, disabled, id, banner, expandablePadding: expandablePadding$1, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge }) => {
 		const { selectable, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, expandable, loading, onChangeSelect, autoCollapse } = useOfferListContext();
 		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
@@ -94,7 +88,6 @@ var init_Row = __esmMin(() => {
 			setRadioSelectedRow(offerName);
 			onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(offerName);
 		};
-		const isSelectableDisable = disabled || loading || !!selectDisabled;
 		const offerListRowContextValue = useMemo(() => ({
 			selected: isSelected,
 			banner: !!banner
@@ -120,44 +113,17 @@ var init_Row = __esmMin(() => {
 			selectDisabled,
 			style,
 			children: [
-				/* @__PURE__ */ jsxs(List.Cell, {
-					className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
-					children: [badge ? /* @__PURE__ */ jsx(Badge, {
-						className: offerListStyle.badge,
-						disabled,
-						prominence: badge.prominence,
-						sentiment: badge.sentiment,
-						size: "small",
-						children: badge.text
-					}) : null, /* @__PURE__ */ jsx("div", {
-						className: offerListStyle.rowSelectableContainer,
-						children: /* @__PURE__ */ jsx(Tooltip, {
-							text: typeof selectDisabled === "string" ? selectDisabled : void 0,
-							children: selectable === "radio" ? /* @__PURE__ */ jsx(Radio, {
-								"aria-label": `select-${id}`,
-								checked: isRowSelected,
-								disabled: isSelectableDisable,
-								id,
-								name: `radio-offer-list-${id}`,
-								onChange: () => {
-									if (expandable) handleChangeRadio();
-									if (expandedRowIds[id]) expandRow(id);
-									else if (!autoCollapse) collapseRow(id);
-								},
-								value: id
-							}) : /* @__PURE__ */ jsx(Checkbox, {
-								"aria-label": "select",
-								checked: isRowSelected,
-								disabled: isSelectableDisable,
-								id,
-								name: `checkbox-offer-list-${id}`,
-								onChange: () => {
-									if (expandable) handleChangeCheckbox();
-								},
-								value: id
-							})
-						})
-					})]
+				/* @__PURE__ */ jsx(SelectableCell, {
+					badge,
+					banner,
+					disabled,
+					handleChangeCheckbox,
+					handleChangeRadio,
+					id,
+					isRowSelected,
+					isSelected,
+					loading,
+					selectDisabled
 				}),
 				expandable ? /* @__PURE__ */ jsx(List.Cell, {
 					className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : ""),

package/dist/components/compositions/OfferList/components/SelectableCell.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export declare const SelectableCell: ({ disabled, loading, selectDisabled, isSelected, banner, badge, id, isRowSelected, handleChangeCheckbox, handleChangeRadio, }: {
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    selectDisabled?: string | boolean | undefined;
+    isSelected: boolean;
+    banner?: {
+        text: ReactNode;
+        sentiment?: "danger" | "neutral" | "primary" | "warning" | undefined;
+    } | undefined;
+    badge?: {
+        text: string;
+        sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+        prominence?: "default" | "strong" | undefined;
+    } | undefined;
+    id: string;
+    isRowSelected: boolean;
+    handleChangeRadio: () => void;
+    handleChangeCheckbox: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectableCell.d.ts.map

package/dist/components/compositions/OfferList/components/SelectableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/SelectableCell.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;6CAiG1B,CAAA"}

package/dist/components/compositions/OfferList/components/SelectableCell.js

@@ -0,0 +1,71 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
+import { Badge, init_Badge } from "../../../Badge/index.js";
+import { Checkbox, init_Checkbox } from "../../../Checkbox/index.js";
+import { List, init_List } from "../../../List/index.js";
+import { init_OfferListProvider, useOfferListContext } from "../OfferListProvider.js";
+import { init_styles_css, offerListStyle } from "../styles.css.js";
+import { Radio, init_Radio } from "../../../Radio/index.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/OfferList/components/SelectableCell.tsx
+var SelectableCell;
+var init_SelectableCell = __esmMin(() => {
+	init_Badge();
+	init_Checkbox();
+	init_List();
+	init_Radio();
+	init_Tooltip();
+	init_OfferListProvider();
+	init_styles_css();
+	SelectableCell = ({ disabled, loading, selectDisabled, isSelected, banner, badge, id, isRowSelected, handleChangeCheckbox, handleChangeRadio }) => {
+		const { selectable, expandable, autoCollapse } = useOfferListContext();
+		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
+		const isSelectableDisabled = disabled || loading || !!selectDisabled;
+		return /* @__PURE__ */ jsxs(List.Cell, {
+			className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
+			children: [badge ? /* @__PURE__ */ jsx(Badge, {
+				className: offerListStyle.badge,
+				disabled,
+				prominence: badge.prominence,
+				sentiment: badge.sentiment,
+				size: "small",
+				children: badge.text
+			}) : null, /* @__PURE__ */ jsx("div", {
+				className: offerListStyle.rowSelectableContainer,
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					text: typeof selectDisabled === "string" ? selectDisabled : void 0,
+					children: selectable === "radio" ? /* @__PURE__ */ jsx(Radio, {
+						"aria-label": `select-${id}`,
+						checked: isRowSelected,
+						disabled: isSelectableDisabled,
+						id,
+						name: `radio-offer-list-${id}`,
+						onChange: () => {
+							if (expandable) handleChangeRadio();
+							if (expandedRowIds[id]) expandRow(id);
+							else if (!autoCollapse) collapseRow(id);
+						},
+						value: id
+					}) : /* @__PURE__ */ jsx(Checkbox, {
+						"aria-label": "select",
+						checked: isRowSelected,
+						disabled: isSelectableDisabled,
+						id,
+						name: `checkbox-offer-list-${id}`,
+						onChange: () => {
+							if (expandable) handleChangeCheckbox();
+						},
+						value: id
+					})
+				})
+			})]
+		});
+	};
+});
+
+//#endregion
+init_SelectableCell();
+export { SelectableCell, init_SelectableCell };

package/dist/components/compositions/OfferList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OfferList/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAOjC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,YAAY,GAAG,kBAAkB,GAAG,SAAS,CAC9C,GAAG;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAEyB,EACxB,UAAU,EACV,IAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OfferList/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAOjC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,YAAY,GAAG,kBAAkB,GAAG,SAAS,CAC9C,GAAG;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAKyB,EACxB,UAAU,EACV,IAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,cAAc"}