@ultraviolet/ui 3.13.1 → 3.15.0

package/dist/components/SelectInput/index.js

@@ -1,7 +1,8 @@
 'use client';
 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 { SelectInputProvider, init_SelectInputProvider } from "./SelectInputProvider.js";
 import { init_styles_css, selectInputStyle } from "./styles.css.js";
@@ -14,16 +15,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SelectInput/index.tsx
 var SelectInput;
 var init_SelectInput = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
 	init_Label();
 	init_Stack();
-	init_Text();
 	init_Dropdown();
 	init_SelectBar();
 	init_SelectInputProvider();
 	init_styles_css();
-	SelectInput = ({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size = "large", emptyState, descriptionDirection = "column", success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch = "Search in list", placeholder = "Select item", searchable = true, disabled = false, readOnly = false, clearable = false, multiselect = false, required = false, labelDescription, autofocus, loadMore, optionalInfoPlacement = "right", isLoading, selectAll, selectAllGroup = false, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption }) => {
+	SelectInput = ({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size = "large", emptyState, descriptionDirection = "column", success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch = "Search in list", placeholder = "Select item", searchable = true, disabled = false, readOnly = false, clearable = false, multiselect = false, required = false, labelDescription, autofocus, loadMore, optionalInfoPlacement = "right", isLoading, selectAll, selectAllGroup = false, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption, "aria-describedby": ariaDescribedBy }) => {
 		const localId = useId();
 		const finalId = id !== null && id !== void 0 ? id : localId;
+		const helperId = useId();
 		const dropdownId = useId();
 		const ref = useRef(null);
 		const numberOfOptions = Array.isArray(options) ? options.length : Object.values(options).reduce((acc, current) => acc + current.length, 0);
@@ -47,68 +50,61 @@ var init_SelectInput = __esmMin(() => {
 				onBlur,
 				onFocus,
 				style,
-				children: [
-					/* @__PURE__ */ jsx(Dropdown, {
-						addOption,
-						descriptionDirection,
-						dropdownAlign,
-						emptyState,
-						footer,
-						groupEmptyState,
-						groupError,
-						id: dropdownId,
-						isLoading,
-						loadMore,
-						optionalInfoPlacement,
-						placeholder: placeholderSearch,
-						portalTarget,
-						refSelect: ref,
-						searchable,
-						size,
-						children: /* @__PURE__ */ jsxs(Stack, {
-							"aria-label": ariaLabel,
-							gap: .5,
-							children: [label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-								htmlFor: finalId,
-								labelDescription,
-								required,
-								size,
-								children: label
-							}) : null, /* @__PURE__ */ jsx(SelectBar, {
-								autoFocus: autofocus,
-								clearable,
-								"data-testid": finalDataTestId,
-								disabled,
-								dropdownId,
-								error,
-								id: finalId,
-								innerRef: ref,
-								label,
-								placeholder,
-								readOnly,
-								size,
-								success,
-								tooltip
-							})]
-						})
-					}),
-					!(error || success) && helper ? /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						className: selectInputStyle.helper,
-						prominence: "weak",
-						sentiment: "neutral",
-						variant: size === "small" ? "captionSmall" : "caption",
-						children: helper
-					}) : null,
-					error && typeof error === "string" || success ? /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						className: selectInputStyle.helper,
-						prominence: "default",
-						sentiment: error ? "danger" : "success",
-						variant: size === "small" ? "captionSmall" : "caption",
-						children: error || success
-					}) : null
-				]
+				children: [/* @__PURE__ */ jsx(Dropdown, {
+					addOption,
+					descriptionDirection,
+					dropdownAlign,
+					emptyState,
+					footer,
+					groupEmptyState,
+					groupError,
+					id: dropdownId,
+					isLoading,
+					loadMore,
+					optionalInfoPlacement,
+					placeholder: placeholderSearch,
+					portalTarget,
+					refSelect: ref,
+					searchable,
+					size,
+					children: /* @__PURE__ */ jsxs(Stack, {
+						"aria-label": ariaLabel,
+						gap: .5,
+						children: [label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+							htmlFor: finalId,
+							labelDescription,
+							required,
+							size,
+							children: label
+						}) : null, /* @__PURE__ */ jsx(SelectBar, {
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
+							autoFocus: autofocus,
+							clearable,
+							"data-testid": finalDataTestId,
+							disabled,
+							dropdownId,
+							error,
+							id: finalId,
+							innerRef: ref,
+							label,
+							placeholder,
+							readOnly,
+							size,
+							success,
+							tooltip,
+							helperId,
+							helper
+						})]
+					})
+				}), /* @__PURE__ */ jsx(Description, {
+					error,
+					success,
+					helper,
+					size,
+					disabled,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+					className: selectInputStyle.helper
+				})]
 			})
 		});
 	};

package/dist/components/SelectInput/reducerFunctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducerFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFunctions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,UACnB,YAAY,aACR,MAAM,EAAE,aACR,UAAU,EAAE;;;;CAUxB,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,YAAY,uBACE,MAAM,WAClB,QAAQ,mBACA,MAAM,2BACE,MAAM,iBAmChC,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,YAAY,WACV,QAAQ,mBACA,MAAM,2BACE,MAAM,eAClB,OAAO,iBACL,UAAU,UACjB,MAAM;;;;CA0Cf,CAAA;AAED,eAAO,MAAM,cAAc;IACzB,WAAW;IACX,cAAc;IACd,cAAc;CACd,CAAA;AAEF,eAAO,MAAM,YAAY,UAAW,YAAY,WAAW,QAAQ;IACjE,WAAW;IACX,cAAc;IACd,cAAc;CAad,CAAA;AAEF,eAAO,MAAM,WAAW,mBACN,MAAM,EAAE,kBACR,MAAM,EAAE;;;;CACmC,CAAA"}
+{"version":3,"file":"reducerFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFunctions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,UAAW,YAAY,aAAa,MAAM,EAAE,aAAa,UAAU,EAAE;;;;CAShG,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,YAAY,uBACE,MAAM,WAClB,QAAQ,mBACA,MAAM,2BACE,MAAM,iBA4BhC,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,YAAY,WACV,QAAQ,mBACA,MAAM,2BACE,MAAM,eAClB,OAAO,iBACL,UAAU,UACjB,MAAM;;;;CAiCf,CAAA;AAED,eAAO,MAAM,cAAc;IACzB,WAAW;IACX,cAAc;IACd,cAAc;CACd,CAAA;AAEF,eAAO,MAAM,YAAY,UAAW,YAAY,WAAW,QAAQ;IACjE,WAAW;IACX,cAAc;IACd,cAAc;CASd,CAAA;AAEF,eAAO,MAAM,WAAW,mBAAoB,MAAM,EAAE,kBAAkB,MAAM,EAAE;;;;CAI5E,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}

package/dist/components/SelectableCard/IllustrationContainer.d.ts

@@ -1,5 +1,5 @@
-import type { SelectableCardProps } from './types';
 import type { ReactNode } from 'react';
+import type { SelectableCardProps } from './types';
 export declare const IllustrationContainer: ({ children: subChildren, productIcon, illustration, }: {
     children: ReactNode;
     productIcon: SelectableCardProps['productIcon'];

package/dist/components/SelectableCard/IllustrationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IllustrationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/IllustrationContainer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,qBAAqB,0DAI/B;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/C,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;CAClD,4UAqCA,CAAA"}
+{"version":3,"file":"IllustrationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/IllustrationContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,eAAO,MAAM,qBAAqB,0DAI/B;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/C,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;CAClD,4UAuBA,CAAA"}

package/dist/components/SelectableCard/MultiStateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStateInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/MultiStateInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,eAAe,gIAczB,eAAe,mDA4EjB,CAAA"}
+{"version":3,"file":"MultiStateInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/MultiStateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,eAAe,gIAczB,eAAe,mDA0EjB,CAAA"}

package/dist/components/SelectableCard/MultiStateInput.js

@@ -1,5 +1,5 @@
 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 { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { Radio, init_Radio } from "../Radio/index.js";
 import { init_styles_css, selectableCardStyle } from "./styles.css.js";

package/dist/components/SelectableCard/SelectableCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAQlD;;;GAGG;AACH,eAAO,MAAM,cAAc,gHA2L1B,CAAA"}
+{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAoK1B,CAAA"}

package/dist/components/SelectableCard/SelectableCard.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 { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { init_styles_css, selectableCardStyle } from "./styles.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AA6IA,eAAO,MAAM,mBAAmB;;;;;;;;;;;YArF1B,IAAI;gBACF,OAAO;gBACP,YAAY;;YAEd,YAAY;gBACV,OAAO;;YAET,IAAI;;;;;;;;;;;CAwFT,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AA4IA,eAAO,MAAM,mBAAmB;;;;;;;;;;;YArF1B,IAAI;gBACF,OAAO;gBACP,YAAY;;YAEd,YAAY;gBACV,OAAO;;YAET,IAAI;;;;;;;;;;;CAwFT,CAAA"}

package/dist/components/SelectableCard/types.d.ts

@@ -1,5 +1,5 @@
-import type { LabelProp } from '../../types';
 import type { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactElement, ReactNode, RefObject } from 'react';
+import type { LabelProp } from '../../types';
 export type SelectableCardProps = {
     name?: string;
     children?: (({ disabled, checked }: Pick<SelectableCardProps, 'checked' | 'disabled'>) => ReactNode) | ReactNode;

package/dist/components/SelectableCard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,EACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACjB,MAAM,GACN,SAAS,GACT,SAAS,GACT,IAAI,GACJ,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,CACV,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAChH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACjB,MAAM,GACN,SAAS,GACT,SAAS,GACT,IAAI,GACJ,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,CACV,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/Context.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,8BAA8B,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACjD,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,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,CAAC,CAAA;AAEzD,eAAO,MAAM,0BAA0B,qEAE3B,CAAA"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/Context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,8BAA8B,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACjD,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,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,CAAC,CAAA;AAEzD,eAAO,MAAM,0BAA0B,qEAAuE,CAAA"}

package/dist/components/SelectableCardGroup/SingleCard.d.ts

@@ -1,5 +1,5 @@
-import { SelectableCard } from '../SelectableCard';
 import type { ComponentProps } from 'react';
+import { SelectableCard } from '../SelectableCard';
 export type CardSelectableCardProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange' | 'checked' | 'type' | 'showTick'>;
 export declare const CardSelectableCard: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, 'data-testid': dataTestId, }: CardSelectableCardProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SingleCard.d.ts.map

package/dist/components/SelectableCardGroup/SingleCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/SingleCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;AAED,eAAO,MAAM,kBAAkB,8HAa5B,uBAAuB,4CAqCzB,CAAA"}
+{"version":3,"file":"SingleCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/SingleCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;AAED,eAAO,MAAM,kBAAkB,8HAa5B,uBAAuB,4CA+BzB,CAAA"}

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

@@ -1,5 +1,5 @@
-import { CardSelectableCard } from './SingleCard';
 import type { InputHTMLAttributes, ReactNode } from 'react';
+import { CardSelectableCard } from './SingleCard';
 type SelectableCardGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;
@@ -13,11 +13,11 @@ type SelectableCardGroupProps = {
     required?: boolean;
     showTick?: boolean;
     name?: string;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>>;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby'>;
 /**
  * SelectableCardGroup is a component that allows users to select cards from a list of cards using SelectableCard.
  */
-declare const SelectableCardGroupComponent: ({ legend, legendDescription, value, className, helper, error, columns, children, onChange, name, required, type, showTick, }: SelectableCardGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectableCardGroupComponent: ({ legend, legendDescription, value, className, helper, error, columns, children, onChange, name, required, type, showTick, 'aria-describedby': ariaDescribedBy, }: SelectableCardGroupProps) => import("react/jsx-runtime").JSX.Element;
 type SelectableCardOptionGroupType = typeof SelectableCardGroupComponent & {
     Card: typeof CardSelectableCard;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,QAAA,MAAM,4BAA4B,iIAc/B,wBAAwB,4CAmD1B,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAKjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGjD,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,CAAA;AAEjE;;GAEG;AACH,QAAA,MAAM,4BAA4B,sKAe/B,wBAAwB,4CAqC1B,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAEhC,CAAA"}

package/dist/components/SelectableCardGroup/index.js

@@ -1,27 +1,29 @@
 'use client';
 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 { Row, init_Row } from "../Row/index.js";
 import { SelectableCardGroupContext, init_Context } from "./Context.js";
 import { CardSelectableCard, init_SingleCard } from "./SingleCard.js";
 import { init_styles_css, selectableCardGroupStyle } 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/SelectableCardGroup/index.tsx
 var SelectableCardGroupComponent, SelectableCardGroup;
 var init_SelectableCardGroup = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
 	init_Label();
 	init_Row();
 	init_Stack();
-	init_Text();
 	init_Context();
 	init_SingleCard();
 	init_styles_css();
-	SelectableCardGroupComponent = ({ legend, legendDescription, value, className, helper, error, columns = 1, children, onChange, name, required = false, type, showTick = false }) => {
+	SelectableCardGroupComponent = ({ legend, legendDescription, value, className, helper, error, columns = 1, children, onChange, name, required = false, type, showTick = false, "aria-describedby": ariaDescribedBy }) => {
 		const contextValue = useMemo(() => ({
 			error: !!error,
 			groupName: name,
@@ -39,41 +41,32 @@ var init_SelectableCardGroup = __esmMin(() => {
 			showTick,
 			error
 		]);
+		const helperId = useId();
 		return /* @__PURE__ */ jsx(SelectableCardGroupContext.Provider, {
 			value: contextValue,
 			children: /* @__PURE__ */ jsxs(Stack, {
 				gap: 1,
-				children: [
-					/* @__PURE__ */ jsx("fieldset", {
-						className: cn(className, selectableCardGroupStyle.fieldset),
-						children: /* @__PURE__ */ jsxs(Stack, {
-							gap: 1.5,
-							children: [legend ? /* @__PURE__ */ jsx(Label, {
-								as: "legend",
-								labelDescription: legendDescription,
-								required,
-								children: legend
-							}) : null, /* @__PURE__ */ jsx(Row, {
-								gap: 2,
-								templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
-								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, selectableCardGroupStyle.fieldset),
+					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+					children: /* @__PURE__ */ jsxs(Stack, {
+						gap: 1.5,
+						children: [legend ? /* @__PURE__ */ jsx(Label, {
+							as: "legend",
+							labelDescription: legendDescription,
+							required,
+							children: legend
+						}) : null, /* @__PURE__ */ jsx(Row, {
+							gap: 2,
+							templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+							children
+						})]
+					})
+				}), /* @__PURE__ */ jsx(Description, {
+					helper,
+					error,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+				})]
 			})
 		});
 	};

package/dist/components/SelectableCardOptionGroup/Provider.d.ts

@@ -1,6 +1,6 @@
+import type { ComponentProps, InputHTMLAttributes } from 'react';
 import type { SelectInput } from '../SelectInput';
 import type { Sizes } from './types';
-import type { ComponentProps, InputHTMLAttributes } from 'react';
 type SelectableCardOptionGroupContextType = {
     groupName?: string;
     groupValue?: string;

package/dist/components/SelectableCardOptionGroup/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/Provider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhE,KAAK,oCAAoC,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;CAC1D,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzD,eAAO,MAAM,gCAAgC,+DAUzC,CAAA;AAEJ,eAAO,MAAM,4BAA4B,4CAUxC,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/Provider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,oCAAoC,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;CAC1D,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzD,eAAO,MAAM,gCAAgC,+DAS3C,CAAA;AAEF,eAAO,MAAM,4BAA4B,4CAQxC,CAAA"}

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.d.ts

@@ -1,6 +1,6 @@
+import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
 import { Option } from './components/Option';
 import type { Sizes } from './types';
-import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
 type SelectableCardOptionGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;
@@ -21,14 +21,14 @@ type SelectableCardOptionGroupProps = {
     onChangeOption: (value: string) => void;
     disabled?: boolean;
     size?: Sizes;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'style'>;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'style' | 'aria-describedby'>;
 /**
  * SelectableCardOptionGroup gives you a group of SelectInput within a SelectableCard component.
  * It's an input that provide the choice of one value and sub options to choose from.
  *
  * **Be aware that once you click on the component, the first value of options will be selected by default.**
  */
-declare const SelectableCardOptionGroupComponent: ({ legend, legendDescription, className, required, columns, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size, style, }: SelectableCardOptionGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectableCardOptionGroupComponent: ({ legend, legendDescription, className, required, columns, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size, style, 'aria-describedby': ariaDescribedBy, }: SelectableCardOptionGroupProps) => import("react/jsx-runtime").JSX.Element;
 type SelectableCardOptionGroupType = typeof SelectableCardOptionGroupComponent & {
     Option: typeof Option;
 };

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableCardOptionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAI5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,KAAK,8BAA8B,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,aAAa,CAAC,CAAA;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAE/D;;;;;GAKG;AACH,QAAA,MAAM,kCAAkC,qKAiBrC,8BAA8B,4CA4DhC,CAAA;AAED,KAAK,6BAA6B,GAChC,OAAO,kCAAkC,GAAG;IAC1C,MAAM,EAAE,OAAO,MAAM,CAAA;CACtB,CAAA;AAEH,eAAO,MAAM,yBAAyB,EAAE,6BAGpC,CAAA"}
+{"version":3,"file":"SelectableCardOptionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAO3E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,KAAK,8BAA8B,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,aAAa,CAAC,CAAA;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,kBAAkB,CAAC,CAAA;AAEpF;;;;;GAKG;AACH,QAAA,MAAM,kCAAkC,0MAkBrC,8BAA8B,4CAuChC,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,kCAAkC,GAAG;IAC/E,MAAM,EAAE,OAAO,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,6BAKvC,CAAA"}

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js

@@ -1,27 +1,29 @@
 'use client';
 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 { Row, init_Row } from "../Row/index.js";
 import { SelectableCardOptionGroupContext, init_Provider } from "./Provider.js";
 import { init_styles_css, selectableCardOptionGroupStyle } from "./styles.css.js";
 import { Option, init_Option } from "./components/Option.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/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx
 var SelectableCardOptionGroupComponent, SelectableCardOptionGroup;
 var init_SelectableCardOptionGroup = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
 	init_Label();
 	init_Row();
 	init_Stack();
-	init_Text();
 	init_Option();
 	init_Provider();
 	init_styles_css();
-	SelectableCardOptionGroupComponent = ({ legend, legendDescription, className, required, columns = 3, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size = "large", style }) => {
+	SelectableCardOptionGroupComponent = ({ legend, legendDescription, className, required, columns = 3, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size = "large", style, "aria-describedby": ariaDescribedBy }) => {
 		const contextValue = useMemo(() => ({
 			disabled,
 			error: !!error,
@@ -43,6 +45,7 @@ var init_SelectableCardOptionGroup = __esmMin(() => {
 			value,
 			size
 		]);
+		const helperId = useId();
 		return /* @__PURE__ */ jsx(SelectableCardOptionGroupContext.Provider, {
 			value: contextValue,
 			children: /* @__PURE__ */ jsxs(Stack, {
@@ -50,6 +53,7 @@ var init_SelectableCardOptionGroup = __esmMin(() => {
 				style,
 				children: [/* @__PURE__ */ jsx("fieldset", {
 					className: cn(className, selectableCardOptionGroupStyle.fieldset),
+					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
 					children: /* @__PURE__ */ jsxs(Stack, {
 						gap: 1.5,
 						children: [legend ? /* @__PURE__ */ jsx(Label, {
@@ -63,13 +67,13 @@ var init_SelectableCardOptionGroup = __esmMin(() => {
 							children
 						})]
 					})
-				}), error && typeof error === "string" || helper ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					prominence: "weak",
-					sentiment: error ? "danger" : "neutral",
-					variant: "caption",
-					children: helper !== null && helper !== void 0 ? helper : error
-				}) : null]
+				}), /* @__PURE__ */ jsx(Description, {
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+					error,
+					helper,
+					disabled,
+					size
+				})]
 			})
 		});
 	};

package/dist/components/SelectableCardOptionGroup/components/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Image.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOrC,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,4CAA6C,SAAS,4CAYvE,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Image.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAQrC,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,4CAA6C,SAAS,4CASvE,CAAA"}

package/dist/components/SelectableCardOptionGroup/components/Option.d.ts

@@ -1,7 +1,7 @@
+import type { ComponentProps, ReactNode } from 'react';
 import { Label } from '../../Label';
 import { SelectableCard } from '../../SelectableCard';
 import { SelectInput } from '../../SelectInput';
-import type { ComponentProps, ReactNode } from 'react';
 type OptionProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange'> & {
     value: string;
     className?: string;

package/dist/components/SelectableCardOptionGroup/components/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Option.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAO/C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,MAAM,kLAehB,WAAW,4CA4Gb,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Option.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAM/C,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,MAAM,kLAehB,WAAW,4CA6Fb,CAAA"}

package/dist/components/SelectableCardOptionGroup/components/Option.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 { Stack, init_Stack } from "../../Stack/index.js";
 import { Label, init_Label } from "../../Label/index.js";
 import { SelectInput, init_SelectInput } from "../../SelectInput/index.js";
@@ -21,8 +21,8 @@ var init_Option = __esmMin(() => {
 	init_SelectInput();
 	init_Stack();
 	init_Provider();
-	init_styles_css();
 	init_Image();
+	init_styles_css();
 	init_objectSpread2();
 	Option = ({ value, label, labelDescription, "aria-label": ariaLabel, children, className, options, optionPlaceholder, image, disabled, id, "data-testid": dataTestId, tooltip, style }) => {
 		const { onChange, onChangeOption, groupValue, disabled: groupDisabled, size, error, optionValue } = useSelectableCardOptionGroup();

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

@@ -1,15 +1,19 @@
-import type { SeparatorVariants } from './styles.css';
 import type { CSSProperties, ReactNode } from 'react';
+import type { SeparatorVariants } from './styles.css';
 type SeparatorProps = {
     thickness?: number;
     className?: string;
     'data-testid'?: string;
+    /**
+     * @private
+     */
+    'data-flip-id'?: string;
     children?: ReactNode;
     style?: CSSProperties;
 } & SeparatorVariants;
 /**
  * Separator component used to separate content with a horizontal or vertical line.
  */
-export declare const Separator: ({ direction, thickness, sentiment, className, 'data-testid': dataTestId, children, style, }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Separator: ({ direction, thickness, sentiment, className, 'data-testid': dataTestId, 'data-flip-id': flipId, children, style, }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,iBAAiB,CAAA;AAErB;;GAEG;AACH,eAAO,MAAM,SAAS,gGAQnB,cAAc,4CAmCd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAErD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,iBAAiB,CAAA;AAErB;;GAEG;AACH,eAAO,MAAM,SAAS,wHASnB,cAAc,4CAkCd,CAAA"}

package/dist/components/Separator/index.js

@@ -9,13 +9,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var Separator;
 var init_Separator = __esmMin(() => {
 	init_styles_css();
-	Separator = ({ direction = "horizontal", thickness = 1, sentiment = "neutral", className, "data-testid": dataTestId, children, style }) => children ? /* @__PURE__ */ jsxs("div", {
+	Separator = ({ direction = "horizontal", thickness = 1, sentiment = "neutral", className, "data-testid": dataTestId, "data-flip-id": flipId, children, style }) => children ? /* @__PURE__ */ jsxs("div", {
 		"aria-orientation": direction,
 		className: cn(className, separatorStyle.iconWraper({
 			direction,
 			sentiment
 		})),
 		"data-testid": dataTestId,
+		"data-flip-id": flipId,
 		role: "separator",
 		style,
 		children: [
@@ -44,6 +45,7 @@ var init_Separator = __esmMin(() => {
 			sentiment
 		})),
 		"data-testid": dataTestId,
+		"data-flip-id": flipId,
 		style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/styles.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAc7C,QAAA,MAAM,UAAU;;;;;;;;;;QAmBV,MAAM;;;;;;;QACN,IAAI;;;;;;;QACJ,OAAO;YACL,KAAK;;QAEP,OAAO;;;;;;;QACP,SAAS;;;;;;;QACT,OAAO;;;;;;;QACP,OAAO;;;;;;;;EAGX,CAAA;AA2CF,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,CAAA;AAE9E,eAAO,MAAM,cAAc;;;;;;;;;;;;YAxDrB,MAAM;;;;;;;YACN,IAAI;;;;;;;YACJ,OAAO;gBACL,KAAK;;YAEP,OAAO;;;;;;;YACP,SAAS;;;;;;;YACT,OAAO;;;;;;;YACP,OAAO;;;;;;;;;;;;;;;;;;;;;YAqBP,KAAK;YACL,IAAI;gBACF,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BX,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/styles.css.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAI9D,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAc7C,QAAA,MAAM,UAAU;;;;;;;;;;QAmBV,MAAM;;;;;;;QACN,IAAI;;;;;;;QACJ,OAAO;YACL,KAAK;;QAEP,OAAO;;;;;;;QACP,SAAS;;;;;;;QACT,OAAO;;;;;;;QACP,OAAO;;;;;;;;EAGX,CAAA;AA2CF,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,CAAA;AAE9E,eAAO,MAAM,cAAc;;;;;;;;;;;;YAxDrB,MAAM;;;;;;;YACN,IAAI;;;;;;;YACJ,OAAO;gBACL,KAAK;;YAEP,OAAO;;;;;;;YACP,SAAS;;;;;;;YACT,OAAO;;;;;;;YACP,OAAO;;;;;;;;;;;;;;;;;;;;;YAqBP,KAAK;YACL,IAAI;gBACF,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BX,CAAA"}