@ultraviolet/ui 3.14.0 → 3.15.1

package/dist/components/Skeleton/Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Block.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK,eAAoB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAWxD,CAAA"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Block.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,eAAoB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAWxD,CAAA"}

package/dist/components/Skeleton/Blocks.d.ts

@@ -1,4 +1,4 @@
-export declare const Blocks: ({ col, length, }: {
+export declare const Blocks: ({ col, length }: {
     col?: number;
     length?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM,qBAGhB;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAiBA,CAAA"}
+{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM,oBAA6B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAchF,CAAA"}

package/dist/components/Skeleton/BoxWithIcon.d.ts

@@ -1,4 +1,4 @@
-export declare const BoxWithIcon: ({ col, length, }: {
+export declare const BoxWithIcon: ({ col, length }: {
     col?: number;
     length?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/BoxWithIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/BoxWithIcon.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,qBAGrB;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAiBA,CAAA"}
+{"version":3,"file":"BoxWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/BoxWithIcon.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,oBAA6B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAcrF,CAAA"}

package/dist/components/Skeleton/Line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Line.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,+CAOhB,CAAA"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Line.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI,+CAOhB,CAAA"}

package/dist/components/Skeleton/List.d.ts

@@ -1,4 +1,4 @@
-export declare const List: ({ length, col, }: {
+export declare const List: ({ length, col }: {
     length?: number;
     col?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,qBAGd;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,4CAeA,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,oBAA6B;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,4CAY9E,CAAA"}

package/dist/components/Skeleton/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,eAAoB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAgBzD,CAAA"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM,eAAoB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAazD,CAAA"}

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

@@ -3,17 +3,17 @@ declare const variants: {
     readonly block: ({ length }: {
         length?: number;
     }) => import("react/jsx-runtime").JSX.Element;
-    readonly blocks: ({ col, length, }: {
+    readonly blocks: ({ col, length }: {
         col?: number;
         length?: number;
     }) => import("react/jsx-runtime").JSX.Element;
-    readonly box: ({ col, length, }: {
+    readonly box: ({ col, length }: {
         col?: number;
         length?: number;
     }) => import("react/jsx-runtime").JSX.Element;
     readonly donut: () => import("react/jsx-runtime").JSX.Element;
     readonly line: () => import("react/jsx-runtime").JSX.Element;
-    readonly list: ({ length, col, }: {
+    readonly list: ({ length, col }: {
         length?: number;
         col?: number;
     }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,QAAA,MAAM,QAAQ;aACZ,KAAK;;;aACL,MAAM;;;;aACN,GAAG;;;;aACH,KAAK;aACL,IAAI;aACJ,IAAI;;;;aACJ,MAAM;;;aACN,MAAM;CACE,CAAA;AAEV,KAAK,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oGAQlB,aAAa,4CAiBf,CAAA;AAGD,eAAO,MAAM,aAAa,EAA4B,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAW1C,QAAA,MAAM,QAAQ;aACZ,KAAK;;;aACL,MAAM;;;;aACN,GAAG;;;;aACH,KAAK;aACL,IAAI;aACJ,IAAI;;;;aACJ,MAAM;;;aACN,MAAM;CACE,CAAA;AAEV,KAAK,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,oGAQlB,aAAa,4CAiBf,CAAA;AAED,eAAO,MAAM,aAAa,EAA4B,eAAe,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.css.ts"],"names":[],"mappings":"AAsEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.css.ts"],"names":[],"mappings":"AAqEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAA"}

package/dist/components/Slider/components/DoubleSlider.d.ts

@@ -1,3 +1,3 @@
 import type { DoubleSliderProps } from '../types';
-export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, 'aria-label': ariaLabel, labelDescription, defaultScale, customValueDisplay, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, 'aria-label': ariaLabel, labelDescription, defaultScale, customValueDisplay, 'aria-describedby': ariaDescribedBy, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DoubleSlider.d.ts.map

package/dist/components/Slider/components/DoubleSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,oSA4BtB,iBAAiB,4CA4XnB,CAAA"}
+{"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAIjD,eAAO,MAAM,YAAY,yUA6BtB,iBAAiB,4CAmWnB,CAAA"}

package/dist/components/Slider/components/DoubleSlider.js

@@ -23,10 +23,11 @@ var init_DoubleSlider = __esmMin(() => {
 	init_Text();
 	init_Tooltip();
 	init_constant();
-	init_styles_css();
 	init_Options();
-	DoubleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, defaultScale = false, customValueDisplay }) => {
+	init_styles_css();
+	DoubleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, defaultScale = false, customValueDisplay, "aria-describedby": ariaDescribedBy }) => {
 		var _selectedIndexes$;
+		var _selectedIndexes$2;
 		const theme = useTheme();
 		const localId = useId();
 		const finalId = id !== null && id !== void 0 ? id : localId;
@@ -150,6 +151,8 @@ var init_DoubleSlider = __esmMin(() => {
 		}, [tooltip, selectedIndexes]);
 		const placementTooltip = [(selectedIndexes[0] - min) / (max - min) * (sliderWidth - 16) + 16 / 2, (selectedIndexes[1] - min) / (max - min) * (sliderWidth - 16) + 16 / 2];
 		const [leftToShow, rightToShow] = options && !defaultScale ? [options[selectedIndexes[0]].value, options[selectedIndexes[1]].value] : selectedIndexes;
+		const leftSliderProgress = ((_selectedIndexes$ = selectedIndexes[0]) !== null && _selectedIndexes$ !== void 0 ? _selectedIndexes$ : 0 - min) * 100 / (max - min);
+		const rightSliderProgress = ((_selectedIndexes$2 = selectedIndexes[1]) !== null && _selectedIndexes$2 !== void 0 ? _selectedIndexes$2 : 0 - min) * 100 / (max - min);
 		useEffect(() => {
 			setSelectedIndexes(() => {
 				const newSafeValue = value && Array.isArray(value) && value.length === 2 ? value : [min, max];
@@ -214,6 +217,7 @@ var init_DoubleSlider = __esmMin(() => {
 									style: assignInlineVars({ [tooltipLeft]: `${placementTooltip[0]}px` }),
 									text: Array.isArray(tooltipText) ? tooltipText[0] : void 0,
 									children: /* @__PURE__ */ jsx("input", {
+										"aria-describedby": ariaDescribedBy,
 										"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name,
 										className: cn(className, sliderStyle.double({
 											disabled,
@@ -240,7 +244,7 @@ var init_DoubleSlider = __esmMin(() => {
 										ref: refSlider,
 										step,
 										style: assignInlineVars({
-											[leftVar]: `calc(${(selectedIndexes[0] - min) * 100 / (max - min)}% - ${16 / 2}px)`,
+											[leftVar]: `calc(${leftSliderProgress}% - ${16 * leftSliderProgress / 100}px)`,
 											[thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
 										}),
 										type: "range",
@@ -253,6 +257,7 @@ var init_DoubleSlider = __esmMin(() => {
 									style: assignInlineVars({ [tooltipLeft]: `${placementTooltip[1]}px` }),
 									text: Array.isArray(tooltipText) ? tooltipText[1] : void 0,
 									children: /* @__PURE__ */ jsx("input", {
+										"aria-describedby": ariaDescribedBy,
 										"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name,
 										className: cn(className, sliderStyle.double({
 											disabled,
@@ -278,7 +283,7 @@ var init_DoubleSlider = __esmMin(() => {
 										onFocus,
 										step,
 										style: assignInlineVars({
-											[leftVar]: `calc(${(((_selectedIndexes$ = selectedIndexes[1]) !== null && _selectedIndexes$ !== void 0 ? _selectedIndexes$ : 0) - min) * 100 / (max - min)}% - ${16 / 2}px)`,
+											[leftVar]: `calc(${rightSliderProgress}% - ${16 * rightSliderProgress / 100}px)`,
 											[thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
 										}),
 										type: "range",

package/dist/components/Slider/components/Options.d.ts

@@ -9,5 +9,5 @@ export type OptionsProps = {
     step: number;
     defaultScale: boolean;
 };
-export declare const Options: ({ ticks, min, max, value, step, defaultScale, }: OptionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Options: ({ ticks, min, max, value, step, defaultScale }: OptionsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Options.d.ts.map

package/dist/components/Slider/components/Options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/Options.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC3B,EAAE,CAAA;IACH,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO,oDAOjB,YAAY,4CAgDd,CAAA"}
+{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/Options.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC3B,EAAE,CAAA;IACH,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO,mDAAoD,YAAY,4CA0CnF,CAAA"}

package/dist/components/Slider/components/Options.js

@@ -1,6 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Text, init_Text } from "../../Text/index.js";
+import { init_constant } from "../constant.js";
 import { init_styles_css, leftOption, sliderStyle } from "../styles.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
@@ -9,13 +10,14 @@ import { jsx } from "react/jsx-runtime";
 var Options;
 var init_Options = __esmMin(() => {
 	init_Text();
+	init_constant();
 	init_styles_css();
 	Options = ({ ticks, min, max, value, step, defaultScale }) => /* @__PURE__ */ jsx("datalist", {
 		className: sliderStyle.datalist({ double: Array.isArray(value) }),
 		"data-double": Array.isArray(value),
 		children: ticks.map((element, index, { length }) => {
 			var _element$label;
-			const left = defaultScale ? (element.value - min) * 100 / (max - min) : (index * step - min) * 100 / (max - min);
+			const progress = ((defaultScale ? element.value : index * step) - min) * 100 / (max - min);
 			const formatedElement = (_element$label = element.label) !== null && _element$label !== void 0 ? _element$label : String(element.value);
 			const getIsSelected = () => {
 				if (!value) return false;
@@ -30,7 +32,7 @@ var init_Options = __esmMin(() => {
 				"data-element-left": index === 0,
 				"data-element-right": index === length - 1,
 				"data-value": element.value,
-				style: assignInlineVars({ [leftOption]: `${left}%` }),
+				style: assignInlineVars({ [leftOption]: `calc(${progress}% - ${16 * progress / 100}px + ${16 / 2}px)` }),
 				children: /* @__PURE__ */ jsx(Text, {
 					as: "p",
 					sentiment: isSelected ? "primary" : "neutral",

package/dist/components/Slider/components/SingleSlider.d.ts

@@ -1,3 +1,3 @@
 import type { SingleSliderProps } from '../types';
-export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, 'aria-label': ariaLabel, tooltipPosition, defaultScale, }: SingleSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, 'aria-label': ariaLabel, tooltipPosition, defaultScale, 'aria-describedby': ariaDescribedBy, }: SingleSliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SingleSlider.d.ts.map

package/dist/components/Slider/components/SingleSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,eAAO,MAAM,YAAY,oSA4BtB,iBAAiB,4CAuOnB,CAAA"}
+{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAIjD,eAAO,MAAM,YAAY,yUA6BtB,iBAAiB,4CA+MnB,CAAA"}

package/dist/components/Slider/components/SingleSlider.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.124.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 { Text, init_Text } from "../../Text/index.js";
@@ -24,10 +24,10 @@ var init_SingleSlider = __esmMin(() => {
 	init_Text();
 	init_Tooltip();
 	init_constant();
-	init_styles_css();
 	init_Options();
+	init_styles_css();
 	init_objectSpread2();
-	SingleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, "aria-label": ariaLabel, tooltipPosition, defaultScale = false }) => {
+	SingleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, "aria-label": ariaLabel, tooltipPosition, defaultScale = false, "aria-describedby": ariaDescribedBy }) => {
 		const localId = useId();
 		const theme = useTheme();
 		const finalId = id !== null && id !== void 0 ? id : localId;
@@ -167,6 +167,7 @@ var init_SingleSlider = __esmMin(() => {
 						style: assignInlineVars({ [tooltipLeft]: `${placementTooltip}px` }),
 						text: tooltipText,
 						children: /* @__PURE__ */ jsx("input", {
+							"aria-describedby": ariaDescribedBy,
 							"aria-disabled": disabled,
 							"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name,
 							className: cn(className, sliderStyle.single({
@@ -193,7 +194,7 @@ var init_SingleSlider = __esmMin(() => {
 							ref: refSlider,
 							step,
 							style: _objectSpread2(_objectSpread2({}, assignInlineVars({
-								[leftVar]: `calc(${leftPosition}% - ${16 / 2}px)`,
+								[leftVar]: `calc(${leftPosition}% - ${16 * leftPosition / 100}px)`,
 								[thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
 							})), getBackgroundSize),
 							tabIndex: 0,

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

@@ -4,5 +4,5 @@ import type { SliderProps } from './types';
  * - For a simple slider (one handle) : prop `value` must be number.
  * - For a double slider (two handles):  prop `value` must be an array of numbers (of length 2) and prop `double` must be set to `true`. **Make sure that others props have the correct type.**
  */
-export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, disabled, error, options, 'data-testid': dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, style, customValueDisplay, labelDescription, 'aria-label': ariaLabel, defaultScale, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, disabled, error, options, 'data-testid': dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, style, customValueDisplay, labelDescription, 'aria-label': ariaLabel, defaultScale, 'aria-describedby': ariaDescribedBy, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,eAAO,MAAM,MAAM,2TA+BhB,WAAW,4CAqGb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,eAAO,MAAM,MAAM,gWAgChB,WAAW,4CA6Fb,CAAA"}

package/dist/components/Slider/index.js

@@ -1,22 +1,24 @@
 '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 { init_styles_css, sliderStyle } from "./styles.css.js";
 import { DoubleSlider, init_DoubleSlider } from "./components/DoubleSlider.js";
 import { SingleSlider, init_SingleSlider } from "./components/SingleSlider.js";
-import { useMemo } from "react";
+import { useId, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Slider/index.tsx
 var Slider;
 var init_Slider = __esmMin(() => {
+	init_hasHelperText();
+	init_Description();
 	init_Stack();
-	init_Text();
 	init_DoubleSlider();
 	init_SingleSlider();
 	init_styles_css();
-	Slider = ({ name, label, helper, tooltip, direction = "column", input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min = 0, double, max = 100, step = 1, id, onBlur, onFocus, className, tooltipPosition = "top", style, customValueDisplay, labelDescription, "aria-label": ariaLabel, defaultScale = false }) => {
+	Slider = ({ name, label, helper, tooltip, direction = "column", input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min = 0, double, max = 100, step = 1, id, onBlur, onFocus, className, tooltipPosition = "top", style, customValueDisplay, labelDescription, "aria-label": ariaLabel, defaultScale = false, "aria-describedby": ariaDescribedBy }) => {
 		const correctedBounds = options && !defaultScale ? {
 			max: Array.isArray(options) ? options.length - 1 : max,
 			min: 0
@@ -34,6 +36,7 @@ var init_Slider = __esmMin(() => {
 			double,
 			helper
 		]);
+		const helperId = useId();
 		return /* @__PURE__ */ jsxs(Stack, {
 			"aria-label": ariaLabel,
 			className: double && !!options ? sliderStyle.container : "",
@@ -42,6 +45,7 @@ var init_Slider = __esmMin(() => {
 			gap,
 			style,
 			children: [double ? /* @__PURE__ */ jsx(DoubleSlider, {
+				"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
 				"aria-label": ariaLabel,
 				className,
 				customValueDisplay,
@@ -70,6 +74,7 @@ var init_Slider = __esmMin(() => {
 				unit,
 				value
 			}) : /* @__PURE__ */ jsx(SingleSlider, {
+				"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
 				"aria-label": ariaLabel,
 				className,
 				customValueDisplay,
@@ -97,13 +102,12 @@ var init_Slider = __esmMin(() => {
 				tooltipPosition,
 				unit,
 				value
-			}), error || helper ? /* @__PURE__ */ jsx(Text, {
-				as: "p",
-				prominence: "weak",
-				sentiment: error ? "danger" : "neutral",
-				variant: "caption",
-				children: typeof error === "string" ? error : helper
-			}) : null]
+			}), /* @__PURE__ */ jsx(Description, {
+				helper,
+				error,
+				id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+				disabled
+			})]
 		});
 	};
 });

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

@@ -17,11 +17,13 @@ export declare const sliderStyle: {
     option: import("@vanilla-extract/recipes").RuntimeFn<{
         left: {
             true: {
+                left: number;
                 transform: "none";
             };
         };
         right: {
             true: {
+                left: "100%";
                 transform: "translateX(-100%)";
             };
         };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AA0TrC,eAAO,MAAM,WAAW;;;;;;;YAvSlB,IAAI;gBACF,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA6HX,IAAI;gBACF,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA0JV,IAAI;gBACF,eAAe;;;;YAIjB,IAAI;gBACF,eAAe;;;;;CAuBtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AA+TrC,eAAO,MAAM,WAAW;;;;;;;YA5SlB,IAAI;gBACF,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmIX,IAAI;gBACF,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyJV,IAAI;gBACF,eAAe;;;;YAIjB,IAAI;gBACF,eAAe;;;;;CAuBtB,CAAA"}

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

@@ -5,7 +5,7 @@ type DefaultProps = {
      */
     name?: string;
     label?: string;
-    helper?: string;
+    helper?: ReactNode;
     /**
      * Minimum possible value
      */
@@ -65,7 +65,7 @@ type DefaultProps = {
      */
     defaultScale?: boolean;
     'data-testid'?: string;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className' | 'style'>;
+} & Pick<HTMLAttributes<HTMLInputElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className' | 'style' | 'aria-describedby'>;
 type SingleProps = {
     /**
      * Slider value

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CACN,cAAc,CAAC,gBAAgB,CAAC,EAChC,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnE,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GACpC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CACN,cAAc,CAAC,gBAAgB,CAAC,EAChC,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,kBAAkB,CACxF,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GACpC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA"}

package/dist/components/Snippet/CodeContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/CodeContent.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE1C,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,WAAW,6FASrB,gBAAgB,4CAoClB,CAAA"}
+{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/CodeContent.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE1C,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,WAAW,6FASrB,gBAAgB,4CA0BlB,CAAA"}

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

@@ -1,6 +1,6 @@
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 import { CopyButton } from '../CopyButton';
 import type { Prefixes } from './CodeContent';
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 type SnippetProps = {
     className?: string;
     children: string;
@@ -18,14 +18,15 @@ type SnippetProps = {
     noExpandable?: boolean;
     onCopy?: () => void;
     style?: CSSProperties;
-    helper?: string;
+    helper?: ReactNode;
     label?: string;
     labelDescription?: ReactNode;
+    'aria-describedby'?: string;
 } & Pick<ComponentProps<typeof CopyButton>, 'copyText' | 'copiedText'>;
 /**
  * Snippet component is used to display code snippets with the ability to copy the code.
  * It also has the ability to show/hide the code snippet if it has more than 4 lines.
  */
-export declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, 'data-testid': dataTestId, initiallyExpanded, rows, noExpandable, onCopy, style, helper, label, labelDescription, }: SnippetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, 'data-testid': dataTestId, initiallyExpanded, rows, noExpandable, onCopy, style, helper, label, labelDescription, 'aria-describedby': ariaDescribedBy, }: SnippetProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAS1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,iMAiBjB,YAAY,4CA4Gd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAO1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,sOAkBjB,YAAY,4CAmEd,CAAA"}

package/dist/components/Snippet/index.js

@@ -2,13 +2,15 @@
 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 { Expandable, init_Expandable } from "../Expandable/index.js";
 import { CopyButton, init_CopyButton } from "../CopyButton/index.js";
 import { init_ThemeProvider, useTheme } from "../../theme/ThemeProvider.js";
 import { init_styles_css, snippetStyle } from "./styles.css.js";
 import { CodeContent, init_CodeContent } from "./CodeContent.js";
-import { useReducer } from "react";
+import { useId, useReducer } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
@@ -16,8 +18,10 @@ import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 //#region src/components/Snippet/index.tsx
 var LINES_BREAK_REGEX, Snippet;
 var init_Snippet = __esmMin(() => {
+	init_hasHelperText();
 	init_ThemeProvider();
 	init_CopyButton();
+	init_Description();
 	init_Expandable();
 	init_Label();
 	init_Stack();
@@ -25,8 +29,9 @@ var init_Snippet = __esmMin(() => {
 	init_CodeContent();
 	init_styles_css();
 	LINES_BREAK_REGEX = /\r\n|\r|\n/;
-	Snippet = ({ children, copyText, copiedText, showText = "Show", hideText = "Hide", prefix, className, "data-testid": dataTestId, initiallyExpanded, rows = 4, noExpandable = false, onCopy, style, helper, label, labelDescription }) => {
+	Snippet = ({ children, copyText, copiedText, showText = "Show", hideText = "Hide", prefix, className, "data-testid": dataTestId, initiallyExpanded, rows = 4, noExpandable = false, onCopy, style, helper, label, labelDescription, "aria-describedby": ariaDescribedBy }) => {
 		const theme = useTheme();
+		const helperId = useId();
 		const [showMore, setShowMore] = useReducer((value) => !value, initiallyExpanded !== null && initiallyExpanded !== void 0 ? initiallyExpanded : false);
 		const lines = children.split(LINES_BREAK_REGEX);
 		const numberOfLines = lines.length;
@@ -48,6 +53,7 @@ var init_Snippet = __esmMin(() => {
 					style,
 					children: /* @__PURE__ */ jsxs(Stack, {
 						className: snippetStyle.stackStyle,
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper) ? helperId : void 0),
 						children: [
 							hasShowMoreButton ? /* @__PURE__ */ jsx(Expandable, {
 								minHeight,
@@ -101,13 +107,10 @@ var init_Snippet = __esmMin(() => {
 						]
 					})
 				}),
-				helper ? /* @__PURE__ */ jsx(Text, {
-					as: "p",
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					children: helper
-				}) : null
+				/* @__PURE__ */ jsx(Description, {
+					helper,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+				})
 			]
 		});
 	};

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oBAAc,CAAA;AAsKlC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oBAAc,CAAA;AAmKlC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EAEX,YAAY,EACb,MAAM,OAAO,CAAA;AAEd,KAAK,cAAc,CAAC,CAAC,IACjB,CAAC,GACD,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAG/D,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GACnE,CAAC,GACD,KAAK,CAAA;AA4BT,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAChB,MAAM,kBAAkB,CAAC,OAAO,CAAC,GACjC,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAC9C,CAAA;IACD,SAAS,CAAC,EAAE,cAAc,CACxB,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CACpD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AA2F7C,eAAO,MAAM,KAAK,EAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAC3D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KACjB,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAqB,YAAY,EAAE,MAAM,OAAO,CAAA;AACxF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGtE,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,kBAAkB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGxF,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAsBnF,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACrG,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC,CAAA;IAC/E,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,yBAAyB,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;AAkFnG,eAAO,MAAM,KAAK,EAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA"}

package/dist/components/Stack/index.js

@@ -2,8 +2,8 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css, sprinkles, stackStyle } from "./styles.css.js";
 import { flexVar, init_variables_css, maxWidthVar, minWidthVar, widthVar } from "./variables.css.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectWithoutProperties.js";
 import { forwardRef, useMemo } from "react";
 import { consoleLightTheme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/styles.css.ts"],"names":[],"mappings":"AAgDA,QAAA,MAAM,gBAAgB,YACpB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,oBAAoB,YACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,CACD,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAA;AAC9D,eAAO,MAAM,UAAU;;CAAY,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/styles.css.ts"],"names":[],"mappings":"AAgCA,QAAA,MAAM,gBAAgB,YACpB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,oBAAoB,YACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,CACD,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAA;AAC9D,eAAO,MAAM,UAAU;;CAAY,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,WAAW,EACZ,MAAM,OAAO,CAAA;AAEd,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI;IACtC,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CACtC,CAAA;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;AAErE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,CAAC,GACjE,SAAS,CAAC,CAAC,CAAC,GACZ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEzF,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI;IACtC,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,GAAG,CAAC,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CACtC,CAAA;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;AAErE,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,CAAC,GACjE,SAAS,CAAC,CAAC,CAAC,GACZ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA"}

package/dist/components/Status/constant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Status/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YACrB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,CACD,CAAA"}
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Status/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAI,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA"}

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

@@ -1,5 +1,5 @@
-import type { SENTIMENTS } from './constant';
 import type { CSSProperties } from 'react';
+import type { SENTIMENTS } from './constant';
 type StatusSentiment = (typeof SENTIMENTS)[number];
 type StatusProps = {
     animated?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAElD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,iGAQhB,WAAW,4CAab,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAG5C,KAAK,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAElD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,iGAQhB,WAAW,4CAOb,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Status/styles.css.ts"],"names":[],"mappings":"AAkEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAAqC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Status/styles.css.ts"],"names":[],"mappings":"AA8DA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAAqC,CAAA"}

package/dist/components/StepList/Item.d.ts

@@ -1,5 +1,5 @@
-import { Bullet } from '../Bullet';
 import type { ComponentProps, ReactNode } from 'react';
+import { Bullet } from '../Bullet';
 export type Sizes = 'small' | 'medium';
 type ItemProps = {
     sentiment?: ComponentProps<typeof Bullet>['sentiment'];

package/dist/components/StepList/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAIlC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,uGAUd,SAAS,4CAkBX,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,uGAUd,SAAS,4CASX,CAAA"}