@ultraviolet/ui 3.9.0 → 3.10.0

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

@@ -30,7 +30,7 @@ export declare const popup: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const animationPopup: Record<"reverse" | "notReverse", string>;
+export declare const animationPopup: Record<"notReverse" | "reverse", string>;
 export declare const childrenContainerPopup: import("@vanilla-extract/recipes").RuntimeFn<{
     fullHeight: {
         true: {

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

@@ -1,13 +1,39 @@
-/* empty css                             */
-/* empty css                          */
+/* empty css                         */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
-var popup = createRuntimeFn({ defaultClassName: "uv_w40vpo4", variantClassNames: { hasArrow: { true: "uv_w40vpo5" }, visibleInDom: { false: "uv_w40vpo6" } }, defaultVariants: { hasArrow: true, visibleInDom: true }, compoundVariants: [] });
-var animationPopup = { notReverse: "uv_w40vpo7", reverse: "uv_w40vpo8" };
-var childrenContainerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo9", variantClassNames: { fullHeight: { true: "uv_w40vpoa" }, fullWidth: { true: "uv_w40vpob" } }, defaultVariants: {}, compoundVariants: [] });
-export {
-  animationPopup,
-  childrenContainerPopup,
-  containerPopup,
-  popup
+
+//#region src/components/Popup/styles.css.ts
+var containerPopup = createRuntimeFn({
+	defaultClassName: "uv_w40vpo2",
+	variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var popup = createRuntimeFn({
+	defaultClassName: "uv_w40vpo4",
+	variantClassNames: {
+		hasArrow: { true: "uv_w40vpo5" },
+		visibleInDom: { false: "uv_w40vpo6" }
+	},
+	defaultVariants: {
+		hasArrow: true,
+		visibleInDom: true
+	},
+	compoundVariants: []
+});
+var animationPopup = {
+	notReverse: "uv_w40vpo7",
+	reverse: "uv_w40vpo8"
 };
+var childrenContainerPopup = createRuntimeFn({
+	defaultClassName: "uv_w40vpo9",
+	variantClassNames: {
+		fullHeight: { true: "uv_w40vpoa" },
+		fullWidth: { true: "uv_w40vpob" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+
+//#endregion
+export { animationPopup, childrenContainerPopup, containerPopup, popup };

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

@@ -1,3 +1,4 @@
+//#region src/components/Popup/variables.css.ts
 var arrowTop = "var(--uv_ozfz3c0)";
 var arrowLeft = "var(--uv_ozfz3c1)";
 var arrowTransform = "var(--uv_ozfz3c2)";
@@ -6,13 +7,6 @@ var popupInitialPosition = "var(--uv_ozfz3c6)";
 var popupPosition = "var(--uv_ozfz3c4)";
 var animationDurationPopup = "var(--uv_ozfz3c5)";
 var maxWidthPopup = "var(--uv_ozfz3c7)";
-export {
-  animationDurationPopup,
-  arrowLeft,
-  arrowTop,
-  arrowTransform,
-  maxHeightPopup,
-  maxWidthPopup,
-  popupInitialPosition,
-  popupPosition
-};
+
+//#endregion
+export { animationDurationPopup, arrowLeft, arrowTop, arrowTransform, maxHeightPopup, maxWidthPopup, popupInitialPosition, popupPosition };

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

@@ -21,6 +21,6 @@ type ProgressBarProps = {
 /**
  * Progress bar component to display progress of a task. Can be used to display progress of a form or a loading state.
  */
-export declare const ProgressBar: ({ progress, value, sentiment, className, "data-testid": dataTestId, showProgress, prefix, suffix, max, label, labelDescription, direction, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, style, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ progress, value, sentiment, className, 'data-testid': dataTestId, showProgress, prefix, suffix, max, label, labelDescription, direction, 'aria-labelledby': ariaLabelledBy, 'aria-label': ariaLabel, style, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAS1D,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,GAAI,iNAgBzB,gBAAgB,4CAyElB,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;AAS1D,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,gRAyFvB,CAAA"}

package/dist/components/ProgressBar/index.js

@@ -1,101 +1,81 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { Label } from "../Label/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { progressBar, filledBarSentiments, progressContainer, customText } from "./styles.css.js";
+import { Label } from "../Label/index.js";
+import { customText, filledBarSentiments, progressBar, progressContainer } from "./styles.css.js";
 import { percentageValue } from "./variables.css.js";
-const ProgressBar = ({
-  progress = false,
-  value = 0,
-  sentiment = "primary",
-  className,
-  "data-testid": dataTestId,
-  showProgress = false,
-  prefix,
-  suffix = "%",
-  max = 100,
-  label,
-  labelDescription,
-  direction = "column",
-  "aria-labelledby": ariaLabelledBy,
-  "aria-label": ariaLabel,
-  style
-}) => /* @__PURE__ */ jsxs(
-  Stack,
-  {
-    alignItems: "center",
-    direction,
-    gap: direction === "column" ? 1 : 2,
-    children: [
-      direction === "column" && (label || showProgress) ? /* @__PURE__ */ jsxs(
-        Stack,
-        {
-          direction: "row",
-          justifyContent: !label && showProgress ? "right" : "space-between",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Label, { labelDescription, size: "medium", children: label }),
-            showProgress ? /* @__PURE__ */ jsxs(
-              Text,
-              {
-                as: "label",
-                placement: "right",
-                sentiment: "neutral",
-                variant: "bodySmall",
-                children: [
-                  prefix,
-                  suffix === "%" ? 100 * value / max : value,
-                  suffix
-                ]
-              }
-            ) : null
-          ]
-        }
-      ) : null,
-      direction === "row" && label ? /* @__PURE__ */ jsx(Label, { labelDescription, size: "medium", children: label }) : null,
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledBy,
-          "aria-valuemax": max,
-          "aria-valuemin": 0,
-          "aria-valuenow": value,
-          className: cn(className, progressContainer),
-          "data-testid": dataTestId,
-          role: "progressbar",
-          style,
-          children: progress ? /* @__PURE__ */ jsx("div", { className: progressBar }) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: filledBarSentiments[sentiment],
-              style: assignInlineVars({
-                [percentageValue]: `${100 * Math.max(0, Math.min(max, value)) / max}%`
-              })
-            }
-          )
-        }
-      ),
-      showProgress && direction === "row" ? /* @__PURE__ */ jsx(Stack, { direction: "row", gap: 1, width: "fit-content", children: /* @__PURE__ */ jsxs(
-        Text,
-        {
-          as: "label",
-          className: customText,
-          sentiment: "neutral",
-          variant: "bodySmall",
-          children: [
-            prefix,
-            suffix === "%" ? 100 * value / max : value,
-            suffix
-          ]
-        }
-      ) }) : null
-    ]
-  }
-);
-export {
-  ProgressBar
-};
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ProgressBar/index.tsx
+/**
+* Progress bar component to display progress of a task. Can be used to display progress of a form or a loading state.
+*/
+const ProgressBar = ({ progress = false, value = 0, sentiment = "primary", className, "data-testid": dataTestId, showProgress = false, prefix, suffix = "%", max = 100, label, labelDescription, direction = "column", "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, style }) => /* @__PURE__ */ jsxs(Stack, {
+	alignItems: "center",
+	direction,
+	gap: direction === "column" ? 1 : 2,
+	children: [
+		direction === "column" && (label || showProgress) ? /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			justifyContent: !label && showProgress ? "right" : "space-between",
+			width: "100%",
+			children: [/* @__PURE__ */ jsx(Label, {
+				labelDescription,
+				size: "medium",
+				children: label
+			}), showProgress ? /* @__PURE__ */ jsxs(Text, {
+				as: "label",
+				placement: "right",
+				sentiment: "neutral",
+				variant: "bodySmall",
+				children: [
+					prefix,
+					suffix === "%" ? 100 * value / max : value,
+					suffix
+				]
+			}) : null]
+		}) : null,
+		direction === "row" && label ? /* @__PURE__ */ jsx(Label, {
+			labelDescription,
+			size: "medium",
+			children: label
+		}) : null,
+		/* @__PURE__ */ jsx("div", {
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			"aria-valuemax": max,
+			"aria-valuemin": 0,
+			"aria-valuenow": value,
+			className: cn(className, progressContainer),
+			"data-testid": dataTestId,
+			role: "progressbar",
+			style,
+			children: progress ? /* @__PURE__ */ jsx("div", { className: progressBar }) : /* @__PURE__ */ jsx("div", {
+				className: filledBarSentiments[sentiment],
+				style: assignInlineVars({ [percentageValue]: `${100 * Math.max(0, Math.min(max, value)) / max}%` })
+			})
+		}),
+		showProgress && direction === "row" ? /* @__PURE__ */ jsx(Stack, {
+			direction: "row",
+			gap: 1,
+			width: "fit-content",
+			children: /* @__PURE__ */ jsxs(Text, {
+				as: "label",
+				className: customText[suffix ? "withSuffix" : "noSuffix"],
+				sentiment: "neutral",
+				variant: "bodySmall",
+				children: [
+					prefix,
+					suffix === "%" ? 100 * value / max : value,
+					suffix
+				]
+			})
+		}) : null
+	]
+});
+
+//#endregion
+export { ProgressBar };

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

@@ -1,5 +1,5 @@
 export declare const progressContainer: string;
-export declare const customText: string;
+export declare const customText: Record<"noSuffix" | "withSuffix", string>;
 export declare const progressBar: string;
-export declare const filledBarSentiments: Record<"danger" | "info" | "success" | "primary" | "warning" | "secondary", string>;
+export declare const filledBarSentiments: Record<"danger" | "info" | "primary" | "secondary" | "success" | "warning", string>;
 //# sourceMappingURL=styles.css.d.ts.map

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":"AAUA,eAAO,MAAM,iBAAiB,QAS5B,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAYF,eAAO,MAAM,mBAAmB,qFAgB/B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/styles.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB,QAS5B,CAAA;AAEF,eAAO,MAAM,UAAU,2CASrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAYF,eAAO,MAAM,mBAAmB,qFAgB/B,CAAA"}

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

@@ -1,12 +1,21 @@
-/* empty css                             */
-/* empty css                          */
+/* empty css                         */
+/* empty css                      */
+
+//#region src/components/ProgressBar/styles.css.ts
 var progressContainer = "uv_1pgcd801";
-var customText = "uv_1pgcd802";
-var progressBar = "uv_1pgcd803";
-var filledBarSentiments = { primary: "uv_1pgcd805 uv_1pgcd804", secondary: "uv_1pgcd806 uv_1pgcd804", success: "uv_1pgcd807 uv_1pgcd804", danger: "uv_1pgcd808 uv_1pgcd804", warning: "uv_1pgcd809 uv_1pgcd804", info: "uv_1pgcd80a uv_1pgcd804" };
-export {
-  customText,
-  filledBarSentiments,
-  progressBar,
-  progressContainer
+var customText = {
+	withSuffix: "uv_1pgcd802",
+	noSuffix: "uv_1pgcd803"
 };
+var progressBar = "uv_1pgcd804";
+var filledBarSentiments = {
+	primary: "uv_1pgcd806 uv_1pgcd805",
+	secondary: "uv_1pgcd807 uv_1pgcd805",
+	success: "uv_1pgcd808 uv_1pgcd805",
+	danger: "uv_1pgcd809 uv_1pgcd805",
+	warning: "uv_1pgcd80a uv_1pgcd805",
+	info: "uv_1pgcd80b uv_1pgcd805"
+};
+
+//#endregion
+export { customText, filledBarSentiments, progressBar, progressContainer };

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

@@ -1,4 +1,5 @@
+//#region src/components/ProgressBar/variables.css.ts
 var percentageValue = "var(--uv_1taqqht0)";
-export {
-  percentageValue
-};
+
+//#endregion
+export { percentageValue };

package/dist/components/Radio/index.js

@@ -1,112 +1,101 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { forwardRef, useId } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { radioStack, radio, ring, textLabel, labelRadio, labelStyle, container, margedText, innerCircleRing, radioMark } from "./styles.css.js";
+import { Text } from "../Text/index.js";
+import { container, innerCircleRing, labelRadio, labelStyle, margedText, radio, radioMark, radioStack, ring, textLabel } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { forwardRef, useId } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Radio/index.tsx
 const RadioMarkedIcon = () => /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
-  /* @__PURE__ */ jsx("circle", { className: innerCircleRing, cx: "12", cy: "12", r: "8" }),
-  /* @__PURE__ */ jsx("circle", { className: radioMark, cx: "12", cy: "12", r: "5" })
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		strokeWidth: "2"
+	}),
+	/* @__PURE__ */ jsx("circle", {
+		className: innerCircleRing,
+		cx: "12",
+		cy: "12",
+		r: "8"
+	}),
+	/* @__PURE__ */ jsx("circle", {
+		className: radioMark,
+		cx: "12",
+		cy: "12",
+		r: "5"
+	})
 ] });
-const 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) => {
-    const generatedId = useId();
-    const localId = id ?? generatedId;
-    return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(Stack, { className: radioStack, gap: 0.5, children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          "aria-disabled": disabled,
-          className: cn(className, container),
-          "data-checked": checked,
-          "data-error": error,
-          "data-testid": dataTestId,
-          children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                "aria-disabled": disabled,
-                "aria-invalid": !!error,
-                "aria-label": ariaLabel,
-                autoFocus,
-                checked,
-                className: radio,
-                disabled,
-                id: localId,
-                name,
-                onBlur,
-                onChange,
-                onFocus,
-                onKeyDown,
-                ref: forwadedRef,
-                style,
-                tabIndex,
-                type: "radio",
-                value
-              }
-            ),
-            /* @__PURE__ */ jsxs("svg", { className: ring, viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ jsx("title", { children: "radio" }),
-              /* @__PURE__ */ jsx(RadioMarkedIcon, {})
-            ] }),
-            label ? /* @__PURE__ */ jsx(Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "label",
-                className: cn(textLabel, labelRadio),
-                htmlFor: localId,
-                prominence: "default",
-                variant: "body",
-                children: label
-              }
-            ) : /* @__PURE__ */ jsx(
-              "label",
-              {
-                className: cn(labelStyle, labelRadio),
-                htmlFor: localId,
-                children: label
-              }
-            ) }) : null
-          ]
-        }
-      ),
-      helper ? /* @__PURE__ */ jsx(
-        Text,
-        {
-          as: "span",
-          className: margedText,
-          prominence: "weak",
-          sentiment: "neutral",
-          variant: "caption",
-          children: helper
-        }
-      ) : null
-    ] }) });
-  }
-);
-export {
-  Radio
-};
+/**
+* Radio component is used to select a single option from a list of options. It is a type of input component.
+*/
+const 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) => {
+	const generatedId = useId();
+	const localId = id !== null && id !== void 0 ? id : generatedId;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: tooltip,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			className: radioStack,
+			gap: .5,
+			children: [/* @__PURE__ */ jsxs("div", {
+				"aria-disabled": disabled,
+				className: cn(className, container),
+				"data-checked": checked,
+				"data-error": error,
+				"data-testid": dataTestId,
+				children: [
+					/* @__PURE__ */ jsx("input", {
+						"aria-disabled": disabled,
+						"aria-invalid": !!error,
+						"aria-label": ariaLabel,
+						autoFocus,
+						checked,
+						className: radio,
+						disabled,
+						id: localId,
+						name,
+						onBlur,
+						onChange,
+						onFocus,
+						onKeyDown,
+						ref: forwadedRef,
+						style,
+						tabIndex,
+						type: "radio",
+						value
+					}),
+					/* @__PURE__ */ jsxs("svg", {
+						className: ring,
+						viewBox: "0 0 24 24",
+						children: [/* @__PURE__ */ jsx("title", { children: "radio" }), /* @__PURE__ */ jsx(RadioMarkedIcon, {})]
+					}),
+					label ? /* @__PURE__ */ jsx(Fragment$1, { children: typeof label === "string" ? /* @__PURE__ */ jsx(Text, {
+						as: "label",
+						className: cn(textLabel, labelRadio),
+						htmlFor: localId,
+						prominence: "default",
+						variant: "body",
+						children: label
+					}) : /* @__PURE__ */ jsx("label", {
+						className: cn(labelStyle, labelRadio),
+						htmlFor: localId,
+						children: label
+					}) }) : null
+				]
+			}), helper ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				className: margedText,
+				prominence: "weak",
+				sentiment: "neutral",
+				variant: "caption",
+				children: helper
+			}) : null]
+		})
+	});
+});
+
+//#endregion
+export { Radio };

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

@@ -1,8 +1,9 @@
-/* empty css                                             */
-/* empty css                                          */
-/* empty css                                                     */
-/* empty css                                        */
-/* empty css                          */
+/* empty css                                      */
+/* empty css                                                 */
+/* empty css                                    */
+/* empty css                      */
+
+//#region src/components/Radio/styles.css.ts
 var radioStack = "uv_17da2jl0";
 var margedText = "uv_17da2jl1";
 var container = "uv_17da2jl2";
@@ -13,15 +14,6 @@ var radio = "uv_17da2jl6";
 var ring = "uv_17da2jl7";
 var radioMark = "uv_17da2jl8";
 var innerCircleRing = "uv_17da2jl9";
-export {
-  container,
-  innerCircleRing,
-  labelRadio,
-  labelStyle,
-  margedText,
-  radio,
-  radioMark,
-  radioStack,
-  ring,
-  textLabel
-};
+
+//#endregion
+export { container, innerCircleRing, labelRadio, labelStyle, margedText, radio, radioMark, radioStack, ring, textLabel };

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

@@ -1,7 +1,7 @@
 import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
 import { Radio } from '../Radio';
 type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required' | 'name'>;
-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;
+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;
 type RadioGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;

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":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAgBhC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC7C,CAAA;AACD,QAAA,MAAM,eAAe,GAAI,yIActB,oBAAoB,4CA6BtB,CAAA;AAED,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,GAAI,6HAa1B,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,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAgBhC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC7C,CAAA;AACD,QAAA,MAAM,eAAe,4MA2CpB,CAAA;AAED,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,2LAgFxB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,6BAKxB,CAAA"}