@ultraviolet/ui 3.13.1 → 3.15.0

package/dist/components/Popup/helpers.d.ts

@@ -28,7 +28,7 @@ type ComputePositionsTypes = {
  */
 export declare const computePositions: ({ placement, childrenRef, popupRef, popupPortalTarget, hasArrow, align, }: ComputePositionsTypes) => {
     arrowLeft: number;
-    arrowTop: string;
+    arrowTop: number;
     arrowTransform: string;
     placement: string;
     popupInitialPosition: string;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,YAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAU,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAO3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;IAC5B,SAAS;IACT,QAAQ;IACR,cAAc;IACd,SAAS;IACT,oBAAoB;IACpB,aAAa;IACb,MAAM;CACP,CAAA;AA6QD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AA6ND;;GAEG;AAEH,eAAO,MAAM,gBAAgB,8EAO1B,qBAAqB;;;;;;;;CA4JvB,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,YAAI,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAU,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,CAAA;AAEjG,KAAK,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,CAAA;AAE5F,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAO3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAEpC,eAAO,MAAM,iBAAiB;IAC5B,SAAS;IACT,QAAQ;IACR,cAAc;IACd,SAAS;IACT,oBAAoB;IACpB,aAAa;IACb,MAAM;CACP,CAAA;AAqND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAmLD;;GAEG;AACH,eAAO,MAAM,gBAAgB,8EAO1B,qBAAqB;;;;;;;;CAqJvB,CAAA"}

package/dist/components/Popup/helpers.js

@@ -1,7 +1,7 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Popup/helpers.ts
-var PLACEMENTS, isGenericPlacement, DEFAULT_ARROW_WIDTH, SPACE, TOTAL_USED_SPACE, DEFAULT_POSITIONS, getOrderOfPlacement, computePlacement, findOffsetParent, getVerticalOverflow, getHorizontalOverflow, getPopupOverflowFromParent, placementBottom, placementLeft, placementRight, placementNested, placementTop, computePositions;
+var PLACEMENTS, isGenericPlacement, DEFAULT_ARROW_WIDTH, SPACE, DEFAULT_POSITIONS, getOrderOfPlacement, getHorizontalSpacing, getVerticalSpacing, computePlacement, findOffsetParent, getVerticalOverflow, getHorizontalOverflow, getPopupOverflowFromParent, placementBottom, placementLeft, placementRight, placementNested, placementTop, computePositions;
 var init_helpers = __esmMin(() => {
 	PLACEMENTS = [
 		"top",
@@ -13,7 +13,6 @@ var init_helpers = __esmMin(() => {
 	isGenericPlacement = (placement) => PLACEMENTS.includes(placement);
 	DEFAULT_ARROW_WIDTH = 8;
 	SPACE = 4;
-	TOTAL_USED_SPACE = 0;
 	DEFAULT_POSITIONS = {
 		arrowLeft: 0,
 		arrowTop: 0,
@@ -49,29 +48,29 @@ var init_helpers = __esmMin(() => {
 			"right"
 		];
 	};
-	computePlacement = ({ childrenStructuredRef, popupStructuredRef, offsetParentRect, offsetParent, popupPortalTarget, isNestedMenu, autoPlacement }) => {
-		const { top: childrenTop, left: childrenLeft, right: childrenRight, width: childrenWidth } = childrenStructuredRef;
+	getHorizontalSpacing = (arrowWidth) => arrowWidth + SPACE * 2;
+	getVerticalSpacing = (arrowWidth) => arrowWidth + SPACE;
+	computePlacement = ({ childrenStructuredRef, popupStructuredRef, offsetParentRect, offsetParent, popupPortalTarget, isNestedMenu, autoPlacement, arrowWidth }) => {
+		const { top: childrenTop, bottom: childrenBottom, left: childrenLeft, right: childrenRight, width: childrenWidth, height: childrenHeight } = childrenStructuredRef;
 		const orderOfPlacement = getOrderOfPlacement(autoPlacement !== null && autoPlacement !== void 0 ? autoPlacement : "auto");
 		const { top: parentTop, left: parentLeft } = offsetParentRect;
 		const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
 		const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
 		const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
+		const overloadedChildrenBottom = isPopupPortalTargetBody ? childrenBottom : childrenTop - parentTop + childrenHeight;
 		const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
 		const { width: popupWidth, height: popupHeight } = popupStructuredRef;
 		if (isNestedMenu) {
-			if (overloadedChildrenRight + popupWidth + TOTAL_USED_SPACE > window.innerWidth) return "left";
+			if (overloadedChildrenRight + popupWidth > window.innerWidth) return "left";
 			return "right";
 		}
 		const conditionsOfPlacement = {
-			bottom: window.innerHeight - overloadedChildrenTop - TOTAL_USED_SPACE >= popupHeight,
-			left: overloadedChildrenLeft - TOTAL_USED_SPACE >= popupWidth,
-			right: window.innerWidth - overloadedChildrenLeft - TOTAL_USED_SPACE >= popupWidth,
-			top: overloadedChildrenTop - popupHeight - TOTAL_USED_SPACE >= 0
+			bottom: overloadedChildrenBottom + getVerticalSpacing(arrowWidth) + popupHeight <= window.innerHeight,
+			left: overloadedChildrenLeft - getHorizontalSpacing(arrowWidth) - popupWidth >= 0,
+			right: overloadedChildrenRight + getHorizontalSpacing(arrowWidth) + popupWidth <= window.innerWidth,
+			top: overloadedChildrenTop - getVerticalSpacing(arrowWidth) - popupHeight >= 0
 		};
-		if (conditionsOfPlacement[orderOfPlacement[0]]) return orderOfPlacement[0];
-		if (conditionsOfPlacement[orderOfPlacement[1]]) return orderOfPlacement[1];
-		if (conditionsOfPlacement[orderOfPlacement[2]]) return orderOfPlacement[2];
-		return orderOfPlacement[3];
+		return orderOfPlacement.find((placement) => conditionsOfPlacement[placement]) || orderOfPlacement[3];
 	};
 	findOffsetParent = (element) => {
 		var _element$current;
@@ -91,27 +90,31 @@ var init_helpers = __esmMin(() => {
 	};
 	getVerticalOverflow = (childrenRect, offsetParentRect, popupHalfWidthWithArrow, popupWidth) => {
 		const { left: parentLeft, right: parentRight } = offsetParentRect;
-		const { left: childrenLeft, right: childrenRight, width: childrenWidth } = childrenRect;
-		const popupOverflowRight = childrenRight - childrenWidth / 2 + popupWidth / 2;
-		const popupOverflowLeft = childrenLeft + childrenWidth / 2 - parentLeft - popupWidth / 2;
-		if (popupOverflowRight > parentRight) {
-			if (Math.abs(popupOverflowRight - parentRight) > popupHalfWidthWithArrow) return -popupHalfWidthWithArrow;
-			return parentRight - popupOverflowRight;
+		const { left: childrenLeft, width: childrenWidth } = childrenRect;
+		const popupLeft = childrenLeft + childrenWidth / 2 - popupWidth / 2;
+		const popupRight = popupLeft + popupWidth;
+		if (popupRight > parentRight) {
+			if (Math.abs(popupRight - parentRight) > popupHalfWidthWithArrow) return -popupHalfWidthWithArrow;
+			return parentRight - popupRight;
 		}
-		if (popupOverflowLeft < 0) {
-			if (Math.abs(popupOverflowLeft) > popupHalfWidthWithArrow) return popupHalfWidthWithArrow;
-			return Math.abs(popupOverflowLeft);
+		if (popupLeft < parentLeft) {
+			if (Math.abs(popupLeft - parentLeft) > popupHalfWidthWithArrow) return popupHalfWidthWithArrow;
+			return Math.abs(popupLeft - parentLeft);
 		}
 	};
 	getHorizontalOverflow = (childrenRect, offsetParentRect, popupHeight, popupHalfHeightWithArrow) => {
-		const { top: parentTop } = offsetParentRect;
-		const { top: childrenTop, bottom: childrenBottom } = childrenRect;
-		const popupOverflowTop = childrenTop - parentTop - popupHeight / 2;
-		if (popupOverflowTop < 0) {
-			if (Math.abs(childrenTop - parentTop - popupHalfHeightWithArrow) > popupHalfHeightWithArrow) return popupHalfHeightWithArrow;
-			return Math.abs(popupOverflowTop);
+		const { top: parentTop, bottom: parentBottom } = offsetParentRect;
+		const { top: childrenTop, height: childrenHeight } = childrenRect;
+		const popupTop = childrenTop + childrenHeight / 2 - popupHeight / 2;
+		const popupBottom = popupTop + popupHeight;
+		if (popupTop < parentTop) {
+			if (Math.abs(popupTop - parentTop) > popupHalfHeightWithArrow) return popupHalfHeightWithArrow;
+			return Math.abs(popupTop - parentTop);
+		}
+		if (popupBottom > parentBottom) {
+			if (Math.abs(popupBottom - parentBottom) > popupHalfHeightWithArrow) return -popupHalfHeightWithArrow;
+			return parentBottom - popupBottom;
 		}
-		if (childrenBottom + popupHeight > window.innerHeight) return -popupHalfHeightWithArrow;
 	};
 	getPopupOverflowFromParent = (position, offsetParentRect, childrenRect, popupStructuredRef, arrowWidth) => {
 		const { width: popupWidth, height: popupHeight } = popupStructuredRef;
@@ -129,41 +132,41 @@ var init_helpers = __esmMin(() => {
 	};
 	placementBottom = (isAligned, overloadedChildrenLeft, childrenWidth, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, isPopupPortalTargetBody) => {
 		const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
-		const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + arrowWidth + SPACE;
+		const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + getVerticalSpacing(arrowWidth);
 		const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
 		const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
 		return {
-			arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
-			arrowTop: `${-arrowWidth - 5}px`,
+			arrowLeft: isAligned ? childrenWidth / 2 : popupWidth / 2 - popupOverflow,
+			arrowTop: -arrowWidth - 5,
 			arrowTransform: "",
 			placement: "bottom",
-			popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
+			popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
 			popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
 			rotate: 180
 		};
 	};
 	placementLeft = (isAligned, overloadedChildrenLeft, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight) => {
-		const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
+		const positionX = overloadedChildrenLeft - popupWidth - getHorizontalSpacing(arrowWidth);
 		const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
 		return {
 			arrowLeft: popupWidth + arrowWidth + 5,
-			arrowTop: "50%",
+			arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
 			arrowTransform: "translate(-50%, -50%)",
 			placement: "left",
-			popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
+			popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 			popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 			rotate: -90
 		};
 	};
 	placementRight = (isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight) => {
-		const positionX = overloadedChildrenRight + arrowWidth + SPACE * 2;
+		const positionX = overloadedChildrenRight + getHorizontalSpacing(arrowWidth);
 		const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
 		return {
 			arrowLeft: -arrowWidth - 5,
-			arrowTop: "50%",
+			arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
 			arrowTransform: "translate(50%, -50%)",
 			placement: "right",
-			popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
+			popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 			popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 			rotate: 90
 		};
@@ -175,43 +178,44 @@ var init_helpers = __esmMin(() => {
 			offsetParent,
 			offsetParentRect,
 			popupPortalTarget,
-			popupStructuredRef
+			popupStructuredRef,
+			arrowWidth
 		}) === "right") {
-			const positionX = overloadedChildrenRight + arrowWidth + SPACE * 2;
+			const positionX = overloadedChildrenRight + getHorizontalSpacing(arrowWidth);
 			const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
 			return {
 				arrowLeft: -arrowWidth - 5,
-				arrowTop: "50%",
+				arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
 				arrowTransform: "translate(50%, -50%)",
 				placement: "right",
-				popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
+				popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 				popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 				rotate: 90
 			};
 		}
-		const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
+		const positionX = overloadedChildrenLeft - popupWidth - getHorizontalSpacing(arrowWidth);
 		const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
 		return {
 			arrowLeft: popupWidth + arrowWidth + 5,
-			arrowTop: "50%",
+			arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
 			arrowTransform: "translate(-50%, -50%)",
 			placement: "left",
-			popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
+			popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 			popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
 			rotate: -90
 		};
 	};
 	placementTop = (isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody) => {
 		const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
-		const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
+		const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - getVerticalSpacing(arrowWidth);
 		const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
 		const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
 		return {
-			arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
-			arrowTop: `${popupHeight - 1}px`,
+			arrowLeft: isAligned ? childrenWidth / 2 : popupWidth / 2 - popupOverflow,
+			arrowTop: popupHeight - 1,
 			arrowTransform: "",
 			placement: "top",
-			popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
+			popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
 			popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
 			rotate: 0
 		};
@@ -220,13 +224,16 @@ var init_helpers = __esmMin(() => {
 		var _offsetParent$getBoun;
 		var _window$innerWidth;
 		var _window;
+		var _window$innerHeight;
+		var _window2;
 		const arrowWidth = hasArrow ? 8 : 0;
 		const childrenRect = childrenRef.current.getBoundingClientRect();
 		const offsetParent = findOffsetParent(childrenRef);
 		const offsetParentRect = (_offsetParent$getBoun = offsetParent === null || offsetParent === void 0 ? void 0 : offsetParent.getBoundingClientRect()) !== null && _offsetParent$getBoun !== void 0 ? _offsetParent$getBoun : {
 			left: 0,
 			right: (_window$innerWidth = (_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth) !== null && _window$innerWidth !== void 0 ? _window$innerWidth : 0,
-			top: 0
+			top: 0,
+			bottom: (_window$innerHeight = (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.innerHeight) !== null && _window$innerHeight !== void 0 ? _window$innerHeight : 0
 		};
 		const popupStructuredRef = popupRef.current.getBoundingClientRect();
 		const placementBasedOnWindowSize = isGenericPlacement(placement) ? placement : computePlacement({
@@ -235,7 +242,8 @@ var init_helpers = __esmMin(() => {
 			offsetParent,
 			offsetParentRect,
 			popupPortalTarget,
-			popupStructuredRef
+			popupStructuredRef,
+			arrowWidth
 		});
 		const { top: childrenTop, left: childrenLeft, right: childrenRight, width: childrenWidth, height: childrenHeight } = childrenRect;
 		const { top: parentTop, left: parentLeft } = offsetParentRect;

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

@@ -1,8 +1,8 @@
-import type { PopupAlign, PopupPlacement } from './helpers';
 import type { CSSProperties, HTMLAttributes, KeyboardEventHandler, ReactNode, Ref, RefObject } from 'react';
+import type { PopupAlign, PopupPlacement } from './helpers';
 export type PositionsType = {
     arrowLeft: number;
-    arrowTop: string | number;
+    arrowTop: number;
     arrowTransform: string;
     placement: string;
     rotate: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAsfjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAkB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGA2cjB,CAAA"}

package/dist/components/Popup/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.122.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
 import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
 import { DEFAULT_POSITIONS, computePositions, init_helpers } from "./helpers.js";
 import { init_styles_css, popupStyle } from "./styles.css.js";
@@ -332,7 +332,7 @@ var init_Popup = __esmMin(() => {
 			ref: innerPopupRef,
 			role,
 			style: _objectSpread2(_objectSpread2({}, assignInlineVars({
-				[arrowTop]: `${positions.arrowTop}`,
+				[arrowTop]: `${positions.arrowTop}px`,
 				[arrowLeft]: `${positions.arrowLeft}px`,
 				[arrowTransform]: `${positions.arrowTransform} rotate(${positions.rotate}deg)`,
 				[popupPosition]: positions.popupPosition,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"AAwIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"AA+IA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAA"}

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

@@ -1,6 +1,8 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_styles_css_ts_vanilla } from "../TagList/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "./styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "../Tag/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../TagList/styles.css.ts.vanilla.js";
+import { init_style_css_ts_vanilla } from "../Text/style.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Popup/styles.css.ts
@@ -8,6 +10,8 @@ var popupStyle;
 var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla();
 	init_styles_css_ts_vanilla$1();
+	init_style_css_ts_vanilla();
+	init_styles_css_ts_vanilla$2();
 	popupStyle = {
 		container: createRuntimeFn({
 			defaultClassName: "uv_w40vpo2",

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,YAClC,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,CACA,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,YAAI,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAA"}

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

@@ -1,5 +1,5 @@
-import type { PROGRESS_BAR_SENTIMENTS } from './constants';
 import type { CSSProperties, ReactNode } from 'react';
+import type { PROGRESS_BAR_SENTIMENTS } from './constants';
 type ProgressBarProps = {
     sentiment?: (typeof PROGRESS_BAR_SENTIMENTS)[number];
     value?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,oNAgBrB,gBAAgB,4CA+ElB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAI1D,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,oNAgBrB,gBAAgB,4CAgElB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/styles.css.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/styles.css.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAA"}

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

@@ -1,5 +1,5 @@
-import type { LabelProp } from '../../types';
 import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { LabelProp } from '../../types';
 type RadioProps = {
     error?: ReactNode;
     value: string | number;
@@ -7,7 +7,7 @@ type RadioProps = {
     className?: string;
     'data-testid'?: string;
     tooltip?: string;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'disabled' | 'autoFocus' | 'onKeyDown' | 'id' | 'name' | 'required' | 'tabIndex' | 'checked' | 'onClick' | 'style'> & LabelProp;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'disabled' | 'autoFocus' | 'onKeyDown' | 'id' | 'name' | 'required' | 'tabIndex' | 'checked' | 'onClick' | 'style' | 'aria-describedby'> & LabelProp;
 /**
  * Radio component is used to select a single option from a list of options. It is a type of input component.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGAqGjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAQ5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CACrB,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGA2FjB,CAAA"}

package/dist/components/Radio/index.js

@@ -3,6 +3,8 @@ 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 { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../Description/index.js";
 import { init_styles_css, radioStyle } from "./styles.css.js";
 import { RadioMarkedIcon, init_MarkedIcon } from "./MarkedIcon.js";
 import { forwardRef, useId } from "react";
@@ -12,13 +14,16 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Radio/index.tsx
 var Radio;
 var init_Radio = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
 	init_Stack();
 	init_Text();
 	init_Tooltip();
 	init_MarkedIcon();
 	init_styles_css();
-	Radio = forwardRef(({ checked = false, onChange, onFocus, onBlur, disabled = false, error, name, value, label, helper, className, autoFocus, onKeyDown, tooltip, "aria-label": ariaLabel, "data-testid": dataTestId, tabIndex, id, style }, forwadedRef) => {
+	Radio = forwardRef(({ checked = false, onChange, onFocus, onBlur, disabled = false, error, name, value, label, helper, className, autoFocus, onKeyDown, tooltip, "aria-label": ariaLabel, "data-testid": dataTestId, "aria-describedby": ariaDescribedBy, tabIndex, id, style }, forwadedRef) => {
 		const generatedId = useId();
+		const helperId = useId();
 		const localId = id !== null && id !== void 0 ? id : generatedId;
 		return /* @__PURE__ */ jsx(Tooltip, {
 			text: tooltip,
@@ -33,6 +38,7 @@ var init_Radio = __esmMin(() => {
 					"data-testid": dataTestId,
 					children: [
 						/* @__PURE__ */ jsx("input", {
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
 							"aria-disabled": disabled,
 							"aria-invalid": !!error,
 							"aria-label": ariaLabel,
@@ -70,14 +76,12 @@ var init_Radio = __esmMin(() => {
 							children: label
 						}) }) : null
 					]
-				}), helper ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: radioStyle.margedText,
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					children: helper
-				}) : null]
+				}), /* @__PURE__ */ jsx(Description, {
+					error,
+					helper,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+					disabled
+				})]
 			})
 		});
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"AAsLA,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.css.ts"],"names":[],"mappings":"AAiLA,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAA"}

package/dist/components/RadioGroup/Context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,EAAE,OAAO,CAAA;CACf,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAEnE,eAAO,MAAM,iBAAiB,4DAElB,CAAA"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,EAAE,OAAO,CAAA;CACf,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAEnE,eAAO,MAAM,iBAAiB,4DAA8D,CAAA"}

package/dist/components/RadioGroup/SingleRadio.d.ts

@@ -1,5 +1,5 @@
-import { Radio } from '../Radio';
 import type { ComponentProps } from 'react';
+import { Radio } from '../Radio';
 type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required' | 'name'>;
 export declare const RadioGroupRadio: ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, 'data-testid': dataTestId, style, }: RadioGroupRadioProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/RadioGroup/SingleRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleRadio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/SingleRadio.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC7C,CAAA;AACD,eAAO,MAAM,eAAe,4IAczB,oBAAoB,4CA6BtB,CAAA"}
+{"version":3,"file":"SingleRadio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/SingleRadio.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAC5G,eAAO,MAAM,eAAe,4IAczB,oBAAoB,4CA6BtB,CAAA"}

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

@@ -1,5 +1,5 @@
-import { RadioGroupRadio } from './SingleRadio';
 import type { InputHTMLAttributes, ReactNode } from 'react';
+import { RadioGroupRadio } from './SingleRadio';
 type RadioGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;
@@ -10,11 +10,11 @@ type RadioGroupProps = {
     direction?: 'row' | 'column';
     children: ReactNode;
     description?: ReactNode;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required' | 'name'>;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required' | 'name' | 'aria-describedby'>;
 /**
  * RadioGroup is a component that allows users to select one option from a list of options using radio.
  */
-declare const RadioGroupComponent: ({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroupComponent: ({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, 'aria-describedby': ariaDescribedBy, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 type SelectableCardOptionGroupType = typeof RadioGroupComponent & {
     Radio: typeof RadioGroupRadio;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAElE;;GAEG;AACH,QAAA,MAAM,mBAAmB,gIAatB,eAAe,4CAmEjB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,6BAKxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,kBAAkB,CAAC,CAAA;AAEvF;;GAEG;AACH,QAAA,MAAM,mBAAmB,qKActB,eAAe,4CAiDjB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,6BAEvB,CAAA"}

package/dist/components/RadioGroup/index.js

@@ -2,24 +2,28 @@
 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 { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../Description/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { RadioGroupContext, init_Context } from "./Context.js";
 import { RadioGroupRadio, init_SingleRadio } from "./SingleRadio.js";
 import { init_styles_css, radioGRoupStyle } from "./styles.css.js";
-import { useMemo } from "react";
+import { useId, useMemo } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/RadioGroup/index.tsx
 var RadioGroupComponent, RadioGroup;
 var init_RadioGroup = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
 	init_Label();
 	init_Stack();
 	init_Text();
 	init_Context();
 	init_SingleRadio();
 	init_styles_css();
-	RadioGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false }) => {
+	RadioGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, "aria-describedby": ariaDescribedBy }) => {
 		const contextValue = useMemo(() => ({
 			error: !!error,
 			groupName: name,
@@ -33,51 +37,42 @@ var init_RadioGroup = __esmMin(() => {
 			required,
 			error
 		]);
+		const helperId = useId();
 		return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
 			value: contextValue,
 			children: /* @__PURE__ */ jsxs(Stack, {
 				gap: 1,
-				children: [
-					/* @__PURE__ */ jsx("fieldset", {
-						className: cn(className, radioGRoupStyle.fieldset),
-						children: /* @__PURE__ */ jsxs(Stack, {
-							gap: 1.5,
-							children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
-								gap: .5,
-								children: [legend ? /* @__PURE__ */ jsx(Label, {
-									as: "legend",
-									labelDescription: legendDescription,
-									required,
-									children: legend
-								}) : null, description ? /* @__PURE__ */ jsx(Text, {
-									as: typeof description === "string" ? "p" : "div",
-									prominence: "weak",
-									sentiment: "neutral",
-									variant: "bodySmall",
-									children: description
-								}) : null]
-							}) : null, /* @__PURE__ */ jsx(Stack, {
-								alignItems: "flex-start",
-								direction,
-								gap: direction === "column" ? 1 : 2,
-								children
-							})]
-						})
-					}),
-					helper ? /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "weak",
-						sentiment: "neutral",
-						variant: "caption",
-						children: helper
-					}) : null,
-					error ? /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						sentiment: "danger",
-						variant: "caption",
-						children: error
-					}) : null
-				]
+				children: [/* @__PURE__ */ jsx("fieldset", {
+					className: cn(className, radioGRoupStyle.fieldset),
+					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+					children: /* @__PURE__ */ jsxs(Stack, {
+						gap: 1.5,
+						children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+							gap: .5,
+							children: [legend ? /* @__PURE__ */ jsx(Label, {
+								as: "legend",
+								labelDescription: legendDescription,
+								required,
+								children: legend
+							}) : null, description ? /* @__PURE__ */ jsx(Text, {
+								as: typeof description === "string" ? "p" : "div",
+								prominence: "weak",
+								sentiment: "neutral",
+								variant: "bodySmall",
+								children: description
+							}) : null]
+						}) : null, /* @__PURE__ */ jsx(Stack, {
+							alignItems: "flex-start",
+							direction,
+							gap: direction === "column" ? 1 : 2,
+							children
+						})]
+					})
+				}), /* @__PURE__ */ jsx(Description, {
+					helper,
+					error,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+				})]
 			})
 		});
 	};

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

@@ -1,6 +1,6 @@
+import type { CSSProperties, ReactNode } from 'react';
 import type { UltravioletUITheme } from '../../theme';
 import type { AlignItemsType, JustifyContentType } from './styles.css';
-import type { CSSProperties, ReactNode } from 'react';
 type ResponsiveProp<T> = T | Partial<Record<keyof UltravioletUITheme['breakpoints'], T>>;
 type ToNumber<T extends string> = T extends `${infer N extends number}` ? N : never;
 type RowProps = {