@jars-labs/jars-components 1.1.6 → 1.1.7

package/dist/{index-D6OoXp0A.js → index-C2t8gcjZ.js}

@@ -59,7 +59,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles$r = {"accordion":"Accordion-module_accordion__Nl0Vb","item":"Accordion-module_item__85Qrt","item-neutral":"Accordion-module_item-neutral__c06SU","item-white":"Accordion-module_item-white__l-DtA","chevron":"Accordion-module_chevron__kqKKx","bottom-right":"Accordion-module_bottom-right__2C-t6","control":"Accordion-module_control__92uvC","content":"Accordion-module_content__LkKAo","label":"Accordion-module_label__VkyEF"};
+var styles$s = {"accordion":"Accordion-module_accordion__Nl0Vb","item":"Accordion-module_item__85Qrt","item-neutral":"Accordion-module_item-neutral__c06SU","item-white":"Accordion-module_item-white__l-DtA","chevron":"Accordion-module_chevron__kqKKx","bottom-right":"Accordion-module_bottom-right__2C-t6","control":"Accordion-module_control__92uvC","content":"Accordion-module_content__LkKAo","label":"Accordion-module_label__VkyEF"};
 
 var serverSideRenderSVG = function (_a, children) {
     var width = _a.width, height = _a.height, viewBox = _a.viewBox, fill = _a.fill, rotate = _a.rotate;
@@ -131,30 +131,30 @@ var Accordion = function (_a) {
         return child;
     });
     return (jsx(Accordion$1, { variant: "unstyled", chevron: jsx(Chevron, { rotate: 270, width: "24px", height: "24px" }), chevronSize: 24, classNames: {
-            root: styles$r.accordion,
-            chevron: "".concat(styles$r.chevron, " ").concat(styles$r[customChevronPosition]),
+            root: styles$s.accordion,
+            chevron: "".concat(styles$s.chevron, " ").concat(styles$s[customChevronPosition]),
         }, multiple: true, children: childrenWithColor }));
 };
 Accordion.displayName = 'Accordion';
 var AccordionItem = function (_a) {
     var children = _a.children, value = _a.value, _b = _a.bgColor, bgColor = _b === undefined ? 'neutral' : _b, props = __rest(_a, ["children", "value", "bgColor"]);
     return (jsx(AccordionItem$1, __assign({ classNames: {
-            item: "".concat(styles$r.item, " ").concat(bgColor === 'white' ? styles$r['item-white'] : styles$r['item-neutral']),
+            item: "".concat(styles$s.item, " ").concat(bgColor === 'white' ? styles$s['item-white'] : styles$s['item-neutral']),
         }, value: value }, props, { children: children })));
 };
 AccordionItem.displayName = 'AccordionItem';
 var AccordionControl = function (_a) {
     var children = _a.children;
-    return (jsx(AccordionControl$1, { classNames: { label: styles$r.label, control: styles$r.control }, children: children }));
+    return (jsx(AccordionControl$1, { classNames: { label: styles$s.label, control: styles$s.control }, children: children }));
 };
 AccordionControl.displayName = 'AccordionControl';
 var AccordionPanel = function (_a) {
     var children = _a.children;
-    return (jsx(AccordionPanel$1, { classNames: { content: styles$r.content }, children: children }));
+    return (jsx(AccordionPanel$1, { classNames: { content: styles$s.content }, children: children }));
 };
 AccordionPanel.displayName = 'AccordionPanel';
 
-var styles$q = {"root":"ActionIcon-module_root__orJKP"};
+var styles$r = {"root":"ActionIcon-module_root__orJKP"};
 
 /**
  * ActionIcon component to display an icon with a clickable action.
@@ -173,7 +173,7 @@ var styles$q = {"root":"ActionIcon-module_root__orJKP"};
 var ActionIcon = forwardRef(function (_a, ref) {
     var onClick = _a.onClick, _b = _a.radius, radius = _b === undefined ? 'xl' : _b, _c = _a.color, color = _c === undefined ? 'var(--color-neutral-200)' : _c, _d = _a.variant, variant = _d === undefined ? 'filled' : _d, _e = _a.size, size = _e === undefined ? 'md' : _e, _f = _a.disabled, disabled = _f === undefined ? false : _f, children = _a.children, rest = __rest(_a, ["onClick", "radius", "color", "variant", "size", "disabled", "children"]);
     return (jsx(ActionIcon$1, __assign({ onClick: onClick && onClick, radius: radius, variant: variant, size: size, disabled: disabled, classNames: {
-            root: styles$q.root,
+            root: styles$r.root,
         }, color: color, ref: ref }, rest, { children: jsx(Group, { children: children }) })));
 });
 ActionIcon.displayName = 'ActionIcon';
@@ -183,7 +183,7 @@ var Animation = function (_a) {
     var refVector = useRef(null);
     var _b = useState(null), lottie = _b[0], setLottie = _b[1];
     useEffect(function () {
-        import('./lottie-C2fOezZO.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
+        import('./lottie-DT7Di9_8.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
     }, []);
     useEffect(function () {
         if (lottie && refVector.current) {
@@ -201,7 +201,7 @@ var Animation = function (_a) {
 };
 Animation.displayName = 'Animation';
 
-var styles$p = {"dropdown":"Dropdown-module_dropdown__Pf3Aj","option":"Dropdown-module_option__5-7L7"};
+var styles$q = {"dropdown":"Dropdown-module_dropdown__Pf3Aj","option":"Dropdown-module_option__5-7L7"};
 
 /**
  *
@@ -241,7 +241,7 @@ var Dropdown = function (_a) {
                         store.selectOption(index);
                         onOptionSubmit === null || onOptionSubmit === undefined ? undefined : onOptionSubmit(option);
                         closeOnSelect && store.closeDropdown();
-                    }, className: styles$p.option, children: option }, index));
+                    }, className: styles$q.option, children: option }, index));
             }
             return option;
         });
@@ -249,7 +249,7 @@ var Dropdown = function (_a) {
     return (jsxs(Combobox, __assign({ store: store, onOptionSubmit: function (value) {
             onOptionSubmit === null || onOptionSubmit === undefined ? undefined : onOptionSubmit(value);
             closeOnSelect && store.closeDropdown();
-        } }, rest, { children: [jsx(Combobox.Target, { children: jsx(Flex, { w: "100%", children: typeof children === 'function' ? children(store) : children }) }), jsxs(Combobox.Dropdown, { classNames: { dropdown: styles$p.dropdown }, children: [jsx(Combobox.Options, { mah: maxHeight, style: { overflow: maxHeight ? 'auto' : 'unset' }, children: renderOptions(options, onOptionSubmit) }), footer && (jsx(Combobox.Footer, { children: typeof footer === 'function' ? footer(store) : footer }))] })] })));
+        } }, rest, { children: [jsx(Combobox.Target, { children: jsx(Flex, { w: "100%", children: typeof children === 'function' ? children(store) : children }) }), jsxs(Combobox.Dropdown, { classNames: { dropdown: styles$q.dropdown }, children: [jsx(Combobox.Options, { mah: maxHeight, style: { overflow: maxHeight ? 'auto' : 'unset' }, children: renderOptions(options, onOptionSubmit) }), footer && (jsx(Combobox.Footer, { children: typeof footer === 'function' ? footer(store) : footer }))] })] })));
 };
 Dropdown.displayName = 'Dropdown';
 Dropdown.Option = Combobox.Option;
@@ -358,11 +358,11 @@ function requireClassnames () {
 var classnamesExports = requireClassnames();
 var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-var styles$o = {"container":"Input-module_container__zzWGm","input":"Input-module_input__aRXjR","inputError":"Input-module_inputError__s3cRz","inputLeftIcon":"Input-module_inputLeftIcon__gObSe","inputRightIcon":"Input-module_inputRightIcon__hWB1a","label":"Input-module_label__HtZ2L","labelFocused":"Input-module_labelFocused__3-p5R","labelError":"Input-module_labelError__MA8Ti","labelDisabled":"Input-module_labelDisabled__lhjNw","description":"Input-module_description__Q1Rbw","error":"Input-module_error__yiAgw","errorVisible":"Input-module_errorVisible__IS7J2","errorHidden":"Input-module_errorHidden__8-hAw","errorText":"Input-module_errorText__wKZ67","leftSection":"Input-module_leftSection__YyGeo","rightSection":"Input-module_rightSection__zMH-z"};
+var styles$p = {"container":"Input-module_container__zzWGm","input":"Input-module_input__aRXjR","inputError":"Input-module_inputError__s3cRz","inputLeftIcon":"Input-module_inputLeftIcon__gObSe","inputRightIcon":"Input-module_inputRightIcon__hWB1a","label":"Input-module_label__HtZ2L","labelFocused":"Input-module_labelFocused__3-p5R","labelError":"Input-module_labelError__MA8Ti","labelDisabled":"Input-module_labelDisabled__lhjNw","description":"Input-module_description__Q1Rbw","error":"Input-module_error__yiAgw","errorVisible":"Input-module_errorVisible__IS7J2","errorHidden":"Input-module_errorHidden__8-hAw","errorText":"Input-module_errorText__wKZ67","leftSection":"Input-module_leftSection__YyGeo","rightSection":"Input-module_rightSection__zMH-z"};
 
 var inputWrapperSlotElement = { component: 'div' };
-var inputDescriptionProps = __assign({ className: styles$o.description }, inputWrapperSlotElement);
-var inputErrorProps = __assign({ className: styles$o.error }, inputWrapperSlotElement);
+var inputDescriptionProps = __assign({ className: styles$p.description }, inputWrapperSlotElement);
+var inputErrorProps = __assign({ className: styles$p.error }, inputWrapperSlotElement);
 
 var Info = function (_a) {
     var width = _a.width, height = _a.height, viewBox = _a.viewBox, _b = _a.stroke, stroke = _b === undefined ? 'currentColor' : _b, _c = _a.strokeWidth, strokeWidth = _c === undefined ? 1.5 : _c;
@@ -370,7 +370,7 @@ var Info = function (_a) {
 };
 Info.displayName = 'Info';
 
-var styles$n = {"text":"Text-module_text__3xRq3","h1":"Text-module_h1__RkLfx","h2":"Text-module_h2__fAm7L","h3":"Text-module_h3__o11c2","h4":"Text-module_h4__RIwZg","m":"Text-module_m__nlfmp","s":"Text-module_s__t9q3d","xs":"Text-module_xs__ZU2jV","xxs":"Text-module_xxs__hmZHQ","bold":"Text-module_bold__N75tZ","medium":"Text-module_medium__Q8kf4","regular":"Text-module_regular__-EdPk"};
+var styles$o = {"text":"Text-module_text__3xRq3","h1":"Text-module_h1__RkLfx","h2":"Text-module_h2__fAm7L","h3":"Text-module_h3__o11c2","h4":"Text-module_h4__RIwZg","m":"Text-module_m__nlfmp","s":"Text-module_s__t9q3d","xs":"Text-module_xs__ZU2jV","xxs":"Text-module_xxs__hmZHQ","bold":"Text-module_bold__N75tZ","medium":"Text-module_medium__Q8kf4","regular":"Text-module_regular__-EdPk"};
 
 var elementType = {
     h1: 'h1',
@@ -381,7 +381,7 @@ var elementType = {
 var Text = React.forwardRef(function (props, ref) {
     var as = props.as, children = props.children, className = props.className, color = props.color, style = props.style, variant = props.variant, weight = props.weight, rest = __rest(props, ["as", "children", "className", "color", "style", "variant", "weight"]);
     var combinedStyle = __assign(__assign({}, style), { color: color });
-    var combinedClassName = classNames(className, styles$n['text'], styles$n[variant || ''], styles$n[weight || '']);
+    var combinedClassName = classNames(className, styles$o['text'], styles$o[variant || ''], styles$o[weight || '']);
     return React.createElement(as || elementType[variant] || 'p', __assign({ ref: ref, className: combinedClassName, style: combinedStyle }, rest), children);
 });
 Text.displayName = 'Text';
@@ -451,19 +451,19 @@ var Input = function (_a) {
     var showLabel = !hideLabel && (isFocused || value.trim());
     var placeHolderValue = placeholder && isFocused ? placeholder : (label !== null && label !== undefined ? label : placeholder);
     var ErrorSection = useMemo(function () {
-        return holdSpace && (jsxs(Flex, { className: classNames(styles$o.error, error ? styles$o.errorVisible : styles$o.errorHidden), gap: 4, ml: 0, style: { alignItems: 'flex-start' }, children: [jsx(Flex, { style: { flexShrink: 0 }, children: jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }) }), jsx(Text, { variant: "xs", className: classNames(styles$o.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
+        return holdSpace && (jsxs(Flex, { className: classNames(styles$p.error, error ? styles$p.errorVisible : styles$p.errorHidden), gap: 4, ml: 0, style: { alignItems: 'flex-start' }, children: [jsx(Flex, { style: { flexShrink: 0 }, children: jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }) }), jsx(Text, { variant: "xs", className: classNames(styles$p.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
     }, [error]);
-    return (jsxs("div", { className: styles$o.container, children: [showLabel && (jsx("label", { className: classNames(styles$o.label, (_b = {},
-                    _b[styles$o.labelError] = error && !isFocused,
-                    _b[styles$o.labelFocused] = isFocused || isHovered,
-                    _b[styles$o.labelDisabled] = disabled,
+    return (jsxs("div", { className: styles$p.container, children: [showLabel && (jsx("label", { className: classNames(styles$p.label, (_b = {},
+                    _b[styles$p.labelError] = error && !isFocused,
+                    _b[styles$p.labelFocused] = isFocused || isHovered,
+                    _b[styles$p.labelDisabled] = disabled,
                     _b)), children: label })), jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, children: jsx(TextInput, __assign({ classNames: {
-                        input: classNames(styles$o.input, (_c = {},
-                            _c[styles$o.inputLeftIcon] = leftSection,
-                            _c[styles$o.inputRightIcon] = rightSection,
-                            _c[styles$o.inputError] = error,
+                        input: classNames(styles$p.input, (_c = {},
+                            _c[styles$p.inputLeftIcon] = leftSection,
+                            _c[styles$p.inputRightIcon] = rightSection,
+                            _c[styles$p.inputError] = error,
                             _c)),
-                    }, placeholder: placeHolderValue, name: name, error: ErrorSection, description: !error && jsx(Text, { variant: "xs", children: description }), descriptionProps: inputDescriptionProps, errorProps: inputErrorProps, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange, leftSection: leftSection, rightSection: rightSection, leftSectionProps: { className: styles$o.leftSection }, rightSectionProps: { className: styles$o.rightSection }, type: type, disabled: disabled }, rest)) })] }));
+                    }, placeholder: placeHolderValue, name: name, error: ErrorSection, description: !error && jsx(Text, { variant: "xs", children: description }), descriptionProps: inputDescriptionProps, errorProps: inputErrorProps, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange, leftSection: leftSection, rightSection: rightSection, leftSectionProps: { className: styles$p.leftSection }, rightSectionProps: { className: styles$p.rightSection }, type: type, disabled: disabled }, rest)) })] }));
 };
 Input.displayName = 'Input';
 
@@ -556,7 +556,7 @@ var Autocomplete = function (_a) {
 };
 Autocomplete.displayName = 'Autocomplete';
 
-var styles$m = {"avatar":"Avatar-module_avatar__QJpdG","placeholder":"Avatar-module_placeholder__9AtPN"};
+var styles$n = {"avatar":"Avatar-module_avatar__QJpdG","placeholder":"Avatar-module_placeholder__9AtPN"};
 
 var AvatarPlaceholder = function (_a) {
     var width = _a.width, height = _a.height, _b = _a.viewBox, viewBox = _b === undefined ? '0 0 24 24' : _b, rotate = _a.rotate, rest = __rest(_a, ["width", "height", "viewBox", "rotate"]);
@@ -584,8 +584,8 @@ var Avatar = function (_a) {
                 minHeight: sizeMapping[size],
             },
         }, classNames: {
-            root: styles$m.avatar,
-            placeholder: styles$m.placeholder,
+            root: styles$n.avatar,
+            placeholder: styles$n.placeholder,
         } }, rest, { children: jsx(AvatarPlaceholder, { role: "img", "aria-label": alt, "data-testid": testId ? "".concat(testId, "-placeholder") : undefined, width: placeholderSizeMapping[size], height: placeholderSizeMapping[size] }) })));
 };
 Avatar.displayName = 'Avatar';
@@ -656,19 +656,19 @@ var Badge = forwardRef(function (_a, ref) {
 });
 Badge.displayName = 'Badge';
 
-var styles$l = {"button":"Button-module_button__7BLGt","label":"Button-module_label__447Ll","button-flex":"Button-module_button-flex__bzVRB","button--filled":"Button-module_button--filled__BKGu2","label-color--filled":"Button-module_label-color--filled__wJHlw","label-color--filled--disabled":"Button-module_label-color--filled--disabled__BbMbV","button--outlined":"Button-module_button--outlined__QZysw","label-color--outlined":"Button-module_label-color--outlined__seGi5","label-color--outlined--disabled":"Button-module_label-color--outlined--disabled__qXPjI","button--outlined-error":"Button-module_button--outlined-error__xR07R","label-color--outlined-error":"Button-module_label-color--outlined-error__-2cf9","label-color--outlined-error--disabled":"Button-module_label-color--outlined-error--disabled__LZB7z","button--underlined":"Button-module_button--underlined__BsY5s","label-color--underlined":"Button-module_label-color--underlined__ymMfq","label-color--underlined--disabled":"Button-module_label-color--underlined--disabled__TBDd8","button--underlined-neutral":"Button-module_button--underlined-neutral__30A91","label-color--underlined-neutral":"Button-module_label-color--underlined-neutral__1xWMY","label-color--underlined-neutral--disabled":"Button-module_label-color--underlined-neutral--disabled__RQKW7","button--delete":"Button-module_button--delete__Xqpbl","label-color--delete":"Button-module_label-color--delete__iPB3X","label-color--delete--disabled":"Button-module_label-color--delete--disabled__lJkM6","button--small":"Button-module_button--small__3npYU","button--medium":"Button-module_button--medium__WRSIQ","button--large":"Button-module_button--large__bGVS1"};
+var styles$m = {"button":"Button-module_button__7BLGt","label":"Button-module_label__447Ll","button-flex":"Button-module_button-flex__bzVRB","button--filled":"Button-module_button--filled__BKGu2","label-color--filled":"Button-module_label-color--filled__wJHlw","label-color--filled--disabled":"Button-module_label-color--filled--disabled__BbMbV","button--secondary":"Button-module_button--secondary__GKHCb","button--outlined":"Button-module_button--outlined__QZysw","label-color--outlined":"Button-module_label-color--outlined__seGi5","label-color--outlined--disabled":"Button-module_label-color--outlined--disabled__qXPjI","button--outlined-error":"Button-module_button--outlined-error__xR07R","label-color--outlined-error":"Button-module_label-color--outlined-error__-2cf9","label-color--outlined-error--disabled":"Button-module_label-color--outlined-error--disabled__LZB7z","button--underlined":"Button-module_button--underlined__BsY5s","label-color--underlined":"Button-module_label-color--underlined__ymMfq","label-color--underlined--disabled":"Button-module_label-color--underlined--disabled__TBDd8","button--underlined-neutral":"Button-module_button--underlined-neutral__30A91","label-color--underlined-neutral":"Button-module_label-color--underlined-neutral__1xWMY","label-color--underlined-neutral--disabled":"Button-module_label-color--underlined-neutral--disabled__RQKW7","button--delete":"Button-module_button--delete__Xqpbl","label-color--delete":"Button-module_label-color--delete__iPB3X","label-color--delete--disabled":"Button-module_label-color--delete--disabled__lJkM6","button--small":"Button-module_button--small__3npYU","button--medium":"Button-module_button--medium__WRSIQ","button--large":"Button-module_button--large__bGVS1"};
 
 var Button = forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.variant, variant = _c === undefined ? 'filled' : _c, submit = _a.submit, _d = _a.size, size = _d === undefined ? 'medium' : _d, fullWidth = _a.fullWidth, backgroundColor = _a.backgroundColor, label = _a.label, icon = _a.icon, children = _a.children, props = __rest(_a, ["variant", "submit", "size", "fullWidth", "backgroundColor", "label", "icon", "children"]);
-    var mode = styles$l["button--".concat(variant)];
-    return (jsx("button", __assign({ ref: ref, type: submit ? 'submit' : 'button', style: __assign(__assign({}, props.style), { backgroundColor: backgroundColor, width: fullWidth ? '100%' : 'auto' }) }, props, { className: [styles$l.button, styles$l["button--".concat(size)], mode].join(' '), children: jsxs("div", { className: styles$l['button-flex'], children: [!!icon && icon, label ? (jsx(Text, { className: classNames(styles$l.label, styles$l["label-color--".concat(variant)], (_b = {},
-                        _b[styles$l["label-color--".concat(variant, "--disabled")]] = props.disabled,
+    var mode = styles$m["button--".concat(variant)];
+    return (jsx("button", __assign({ ref: ref, type: submit ? 'submit' : 'button', style: __assign(__assign({}, props.style), { backgroundColor: backgroundColor, width: fullWidth ? '100%' : 'auto' }) }, props, { className: [styles$m.button, styles$m["button--".concat(size)], mode].join(' '), children: jsxs("div", { className: styles$m['button-flex'], children: [!!icon && icon, label ? (jsx(Text, { className: classNames(styles$m.label, styles$m["label-color--".concat(variant)], (_b = {},
+                        _b[styles$m["label-color--".concat(variant, "--disabled")]] = props.disabled,
                         _b)), children: label })) : (children)] }) })));
 });
 Button.displayName = 'Button';
 
-var styles$k = {"card":"Card-module_card__-PlHa","footerDivider":"Card-module_footerDivider__nt5J7","mdShadow":"Card-module_mdShadow__yft6m","lgShadow":"Card-module_lgShadow__WzWj7","variantDefault":"Card-module_variantDefault__AIy3D","variantPlain":"Card-module_variantPlain__MOaH5","variantNeutral":"Card-module_variantNeutral__OAsYA","variantSuccess":"Card-module_variantSuccess__GWiOd","variantWarning":"Card-module_variantWarning__jappm","variantNotice":"Card-module_variantNotice__C7UUh","variantInfo":"Card-module_variantInfo__B26E9","variantPrimary":"Card-module_variantPrimary__9E-0B","variantCaution":"Card-module_variantCaution__-p-t8","paddingMd":"Card-module_paddingMd__i1uBq","paddingXs":"Card-module_paddingXs__9BSaQ","paddingCustom":"Card-module_paddingCustom__km95M","appearanceFilled":"Card-module_appearanceFilled__r6-rn","appearanceOutline":"Card-module_appearanceOutline__tseCa","borderWidthDefault":"Card-module_borderWidthDefault__QblrJ","borderWidthMd":"Card-module_borderWidthMd__lCL3w"};
+var styles$l = {"card":"Card-module_card__-PlHa","footerDivider":"Card-module_footerDivider__nt5J7","mdShadow":"Card-module_mdShadow__yft6m","lgShadow":"Card-module_lgShadow__WzWj7","variantDefault":"Card-module_variantDefault__AIy3D","variantPlain":"Card-module_variantPlain__MOaH5","variantNeutral":"Card-module_variantNeutral__OAsYA","variantSuccess":"Card-module_variantSuccess__GWiOd","variantWarning":"Card-module_variantWarning__jappm","variantNotice":"Card-module_variantNotice__C7UUh","variantInfo":"Card-module_variantInfo__B26E9","variantPrimary":"Card-module_variantPrimary__9E-0B","variantCaution":"Card-module_variantCaution__-p-t8","paddingMd":"Card-module_paddingMd__i1uBq","paddingXs":"Card-module_paddingXs__9BSaQ","paddingCustom":"Card-module_paddingCustom__km95M","appearanceFilled":"Card-module_appearanceFilled__r6-rn","appearanceOutline":"Card-module_appearanceOutline__tseCa","borderWidthDefault":"Card-module_borderWidthDefault__QblrJ","borderWidthMd":"Card-module_borderWidthMd__lCL3w"};
 
 var capitalize = function (value) {
     return value.charAt(0).toUpperCase() + value.slice(1);
@@ -676,15 +676,15 @@ var capitalize = function (value) {
 var Card = function (_a) {
     var _b;
     var header = _a.header, children = _a.children, footer = _a.footer, style = _a.style, _c = _a.shadow, shadow = _c === undefined ? 'md' : _c, _d = _a.variant, variant = _d === undefined ? 'default' : _d, _e = _a.appearance, appearance = _e === undefined ? 'filled' : _e, _f = _a.padding, padding = _f === undefined ? 'md' : _f, _g = _a.borderWidth, borderWidth = _g === undefined ? 'default' : _g;
-    var cardClassName = classNames(styles$k.card, (_b = {},
-        _b[styles$k.mdShadow] = shadow === 'md',
-        _b[styles$k.lgShadow] = shadow === 'lg',
-        _b), styles$k["variant".concat(capitalize(variant))], styles$k["appearance".concat(capitalize(appearance))], styles$k["padding".concat(capitalize(padding))], styles$k["borderWidth".concat(capitalize(borderWidth))]);
-    return (jsxs("div", { className: cardClassName, style: style, children: [header, children, footer && jsx("div", { className: styles$k.footerDivider }), footer] }));
+    var cardClassName = classNames(styles$l.card, (_b = {},
+        _b[styles$l.mdShadow] = shadow === 'md',
+        _b[styles$l.lgShadow] = shadow === 'lg',
+        _b), styles$l["variant".concat(capitalize(variant))], styles$l["appearance".concat(capitalize(appearance))], styles$l["padding".concat(capitalize(padding))], styles$l["borderWidth".concat(capitalize(borderWidth))]);
+    return (jsxs("div", { className: cardClassName, style: style, children: [header, children, footer && jsx("div", { className: styles$l.footerDivider }), footer] }));
 };
 Card.displayName = 'Card';
 
-var styles$j = {"cardStatus":"CardStatus-module_cardStatus__5T4aF","cardStatus--leftIcon":"CardStatus-module_cardStatus--leftIcon__ULp9A"};
+var styles$k = {"cardStatus":"CardStatus-module_cardStatus__5T4aF","cardStatus--leftIcon":"CardStatus-module_cardStatus--leftIcon__ULp9A"};
 
 var cardStatusVariantMap = {
     notes: {
@@ -721,11 +721,11 @@ var CardStatus = function (_a) {
         ? (_b = cardStatusVariantMap[variant]) === null || _b === undefined ? undefined : _b.backgroundColor
         : undefined;
     var sizeStyles = sizeMap[size || 'small'];
-    return (jsxs("div", { className: "".concat(styles$j.cardStatus, " ").concat(leftIcon ? styles$j['cardStatus--leftIcon'] : ''), style: backgroundColor ? { backgroundColor: backgroundColor } : undefined, children: [leftIcon && icon, jsx(Text, { variant: sizeStyles.textVariant, color: 'var(--color-neutral-600)', children: label }), !leftIcon && icon] }));
+    return (jsxs("div", { className: "".concat(styles$k.cardStatus, " ").concat(leftIcon ? styles$k['cardStatus--leftIcon'] : ''), style: backgroundColor ? { backgroundColor: backgroundColor } : undefined, children: [leftIcon && icon, jsx(Text, { variant: sizeStyles.textVariant, color: 'var(--color-neutral-600)', children: label }), !leftIcon && icon] }));
 };
 CardStatus.displayName = 'CardStatus';
 
-var styles$i = {"inner":"Checkbox-module_inner__R7olC","input":"Checkbox-module_input__XnCmS","label":"Checkbox-module_label__l8z5T","label-disabled":"Checkbox-module_label-disabled__fXIgW","icon-disabled":"Checkbox-module_icon-disabled__Nw0dG"};
+var styles$j = {"inner":"Checkbox-module_inner__R7olC","input":"Checkbox-module_input__XnCmS","label":"Checkbox-module_label__l8z5T","label-disabled":"Checkbox-module_label-disabled__fXIgW","icon-disabled":"Checkbox-module_icon-disabled__Nw0dG"};
 
 /**
  * Checkbox component for selecting multiple options from a set.
@@ -743,20 +743,20 @@ var Checkbox = function (_a) {
     var _b, _c;
     var _d = _a.checked, checked = _d === undefined ? false : _d, _e = _a.disabled, disabled = _e === undefined ? false : _e, label = _a.label, onChange = _a.onChange, id = _a.id, rest = __rest(_a, ["checked", "disabled", "label", "onChange", "id"]);
     return (jsx(Checkbox$1, __assign({ checked: checked, label: label, disabled: disabled, onChange: onChange, id: id, color: "var(--color-primary-300)", classNames: {
-            labelWrapper: styles$i.labelWrapper,
-            label: classNames(styles$i.label, (_b = {},
-                _b[styles$i['label-disabled']] = disabled,
+            labelWrapper: styles$j.labelWrapper,
+            label: classNames(styles$j.label, (_b = {},
+                _b[styles$j['label-disabled']] = disabled,
                 _b)),
-            input: styles$i.input,
-            inner: styles$i.inner,
+            input: styles$j.input,
+            inner: styles$j.inner,
             icon: classNames((_c = {},
-                _c[styles$i['icon-disabled']] = disabled,
+                _c[styles$j['icon-disabled']] = disabled,
                 _c)),
         } }, rest)));
 };
 Checkbox.displayName = 'Checkbox';
 
-var styles$h = {"chip-wrapper":"Chip-module_chip-wrapper__XcAWQ","chip-wrapper-text":"Chip-module_chip-wrapper-text__MGQ2X","chip-wrapper-menu-text":"Chip-module_chip-wrapper-menu-text__6-ZGF","chip-number":"Chip-module_chip-number__Y2-Tg","chip-number-wide":"Chip-module_chip-number-wide__qIVlX","chip-menu-dropdown":"Chip-module_chip-menu-dropdown__36ced","chip-menu-item":"Chip-module_chip-menu-item__-u2K-","chip-wrapper-filter":"Chip-module_chip-wrapper-filter__0GhdM"};
+var styles$i = {"chip-wrapper":"Chip-module_chip-wrapper__XcAWQ","chip-wrapper-text":"Chip-module_chip-wrapper-text__MGQ2X","chip-wrapper-menu-text":"Chip-module_chip-wrapper-menu-text__6-ZGF","chip-number":"Chip-module_chip-number__Y2-Tg","chip-number-wide":"Chip-module_chip-number-wide__qIVlX","chip-menu-dropdown":"Chip-module_chip-menu-dropdown__36ced","chip-menu-item":"Chip-module_chip-menu-item__-u2K-","chip-wrapper-filter":"Chip-module_chip-wrapper-filter__0GhdM"};
 
 var ChevronCollapse = function (_a) {
     var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === undefined ? 'currentColor' : _e, _f = _a.fill, fill = _f === undefined ? 'none' : _f;
@@ -780,10 +780,10 @@ var Chip = function (_a) {
         return null;
     // Just one filter
     if (itemGroup.length === 1) {
-        return (jsxs(Flex, { className: styles$h['chip-wrapper'], children: [jsx(Text, { variant: "xs", weight: "regular", className: styles$h['chip-wrapper-text'], children: itemGroup[0] }), jsx(ActionIcon, { variant: "light", size: "xs", onClick: function () { return handleDelete(itemGroup[0]); }, children: jsx(Close, { width: "18px", height: "18px" }) })] }));
+        return (jsxs(Flex, { className: styles$i['chip-wrapper'], children: [jsx(Text, { variant: "xs", weight: "regular", className: styles$i['chip-wrapper-text'], children: itemGroup[0] }), jsx(ActionIcon, { variant: "light", size: "xs", onClick: function () { return handleDelete(itemGroup[0]); }, children: jsx(Close, { width: "18px", height: "18px" }) })] }));
     }
     // More than one filter
-    return (jsxs(Menu$1, { opened: opened, onChange: setOpened, withinPortal: true, position: "bottom-start", closeOnItemClick: false, children: [jsx(Menu$1.Target, { children: jsxs(Flex, { className: styles$h['chip-wrapper'], children: [jsxs(Flex, { className: styles$h['chip-wrapper-menu-text'], children: [jsx(Text, { variant: "xs", weight: "regular", children: item }), jsx(Flex, { className: "".concat(styles$h['chip-number'], " ").concat(itemGroup.length > 9 ? styles$h['chip-number-wide'] : ''), children: jsx(Text, { variant: "xxs", weight: "bold", color: "var(--color-white)", style: { lineHeight: 1 }, children: itemGroup.length }) })] }), jsx(ActionIcon, { variant: "light", size: "xs", onClick: function () { return setOpened(function (o) { return !o; }); }, children: jsx(ChevronCollapse, { width: "24px", height: "24px" }) })] }) }), jsx(Menu$1.Dropdown, { className: styles$h['chip-menu-dropdown'], children: itemGroup.map(function (f) { return (jsx(Menu$1.Item, { className: styles$h['chip-menu-item'], children: jsx(Checkbox, { label: jsxs(Flex, { className: styles$h['chip-wrapper-filter'], children: [jsx(Text, { variant: "xs", weight: "regular", children: f }), jsxs(Text, { variant: "xs", weight: "regular", children: ["(", f.length, ")"] })] }), checked: itemGroup.includes(f), onChange: function () { return handleDelete(f); } }) }, f)); }) })] }));
+    return (jsxs(Menu$1, { opened: opened, onChange: setOpened, withinPortal: true, position: "bottom-start", closeOnItemClick: false, children: [jsx(Menu$1.Target, { children: jsxs(Flex, { className: styles$i['chip-wrapper'], children: [jsxs(Flex, { className: styles$i['chip-wrapper-menu-text'], children: [jsx(Text, { variant: "xs", weight: "regular", children: item }), jsx(Flex, { className: "".concat(styles$i['chip-number'], " ").concat(itemGroup.length > 9 ? styles$i['chip-number-wide'] : ''), children: jsx(Text, { variant: "xxs", weight: "bold", color: "var(--color-white)", style: { lineHeight: 1 }, children: itemGroup.length }) })] }), jsx(ActionIcon, { variant: "light", size: "xs", onClick: function () { return setOpened(function (o) { return !o; }); }, children: jsx(ChevronCollapse, { width: "24px", height: "24px" }) })] }) }), jsx(Menu$1.Dropdown, { className: styles$i['chip-menu-dropdown'], children: itemGroup.map(function (f) { return (jsx(Menu$1.Item, { className: styles$i['chip-menu-item'], children: jsx(Checkbox, { label: jsxs(Flex, { className: styles$i['chip-wrapper-filter'], children: [jsx(Text, { variant: "xs", weight: "regular", children: f }), jsxs(Text, { variant: "xs", weight: "regular", children: ["(", f.length, ")"] })] }), checked: itemGroup.includes(f), onChange: function () { return handleDelete(f); } }) }, f)); }) })] }));
 };
 Chip.displayName = 'Chip';
 
@@ -874,10 +874,10 @@ var DateInput = function (_a) {
     var showLabel = !hideLabel && (isFocused || value);
     var placeHolderValue = placeholder && isFocused ? placeholder : (label !== null && label !== undefined ? label : placeholder);
     var ErrorSection = useMemo(function () {
-        return holdSpace && (jsxs(Flex, { className: styles$o.error, gap: 4, ml: 16, style: {
+        return holdSpace && (jsxs(Flex, { className: styles$p.error, gap: 4, ml: 16, style: {
                 visibility: error ? 'visible' : 'hidden',
                 alignItems: 'flex-start',
-            }, children: [jsx(Flex, { style: { flexShrink: 0 }, children: jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }) }), jsx(Text, { variant: "xs", className: classNames(styles$o.errorText), children: capitalizeFirstSentenceLetter(error || '') })] }));
+            }, children: [jsx(Flex, { style: { flexShrink: 0 }, children: jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }) }), jsx(Text, { variant: "xs", className: classNames(styles$p.errorText), children: capitalizeFirstSentenceLetter(error || '') })] }));
     }, [error, holdSpace]);
     var handleBlur = function (e) {
         setIsFocused(false);
@@ -885,36 +885,36 @@ var DateInput = function (_a) {
             onBlur(e);
         }
     };
-    return (jsxs("div", { className: styles$o.container, children: [showLabel && (jsx("label", { className: classNames(styles$o.label, (_b = {},
-                    _b[styles$o.labelError] = error && !isFocused,
-                    _b[styles$o.labelFocused] = isFocused || isHovered,
-                    _b[styles$o.labelDisabled] = disabled,
+    return (jsxs("div", { className: styles$p.container, children: [showLabel && (jsx("label", { className: classNames(styles$p.label, (_b = {},
+                    _b[styles$p.labelError] = error && !isFocused,
+                    _b[styles$p.labelFocused] = isFocused || isHovered,
+                    _b[styles$p.labelDisabled] = disabled,
                     _b)), children: label })), jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, children: jsx(DateInput$1, __assign({ name: name, classNames: {
-                        input: classNames(styles$o.input, (_c = {},
-                            _c[styles$o.inputError] = error,
-                            _c[styles$o.inputRightIcon] = true,
+                        input: classNames(styles$p.input, (_c = {},
+                            _c[styles$p.inputError] = error,
+                            _c[styles$p.inputRightIcon] = true,
                             _c)),
-                    }, valueFormat: "MM/DD/YYYY", dateParser: dateParser, rightSection: jsx(Calendar, { stroke: "var(--color-neutral-600)", width: "18px", height: "18px", viewBox: "0 0 24 24" }), rightSectionProps: { className: styles$o.rightSection }, placeholder: placeHolderValue, value: value, onChange: onChange, onBlur: handleBlur, error: ErrorSection, errorProps: inputErrorProps, inputWrapperOrder: ['label', 'input', 'error'], disabled: disabled }, rest)) })] }));
+                    }, valueFormat: "MM/DD/YYYY", dateParser: dateParser, rightSection: jsx(Calendar, { stroke: "var(--color-neutral-600)", width: "18px", height: "18px", viewBox: "0 0 24 24" }), rightSectionProps: { className: styles$p.rightSection }, placeholder: placeHolderValue, value: value, onChange: onChange, onBlur: handleBlur, error: ErrorSection, errorProps: inputErrorProps, inputWrapperOrder: ['label', 'input', 'error'], disabled: disabled }, rest)) })] }));
 };
 DateInput.displayName = 'DateInput';
 
-var styles$g = {"code-input":"EnterCodeInput-module_code-input__bCj-T","code-input--2":"EnterCodeInput-module_code-input--2__yoYWJ","code-input--3":"EnterCodeInput-module_code-input--3__0xXFa","code-input--4":"EnterCodeInput-module_code-input--4__stWlP","code-input-error":"EnterCodeInput-module_code-input-error__l8yKQ"};
+var styles$h = {"code-input":"EnterCodeInput-module_code-input__bCj-T","code-input--2":"EnterCodeInput-module_code-input--2__yoYWJ","code-input--3":"EnterCodeInput-module_code-input--3__0xXFa","code-input--4":"EnterCodeInput-module_code-input--4__stWlP","code-input-error":"EnterCodeInput-module_code-input-error__l8yKQ"};
 
 var EnterCodeInput = React.forwardRef(function (props, ref) {
     var className = [
-        styles$g['code-input'],
-        styles$g["code-input--".concat(props.inline)],
+        styles$h['code-input'],
+        styles$h["code-input--".concat(props.inline)],
     ].join(' ');
     if (props.error) {
-        className = [className, styles$g['code-input-error']].join(' ');
+        className = [className, styles$h['code-input-error']].join(' ');
     }
     return (jsx("input", __assign({}, (typeof props.field === 'object' ? props.field : {}), props, { ref: ref, name: props.name, autoFocus: true, className: className, type: props.type, maxLength: 6, placeholder: props.placeholder, onChange: props.onChange, onBlur: props.onBlur, onKeyUp: props.onKeyUp, value: props.value })));
 });
 EnterCodeInput.displayName = 'EnterCodeInput';
 
-var styles$f = {"container":"FileInput-module_container__PUDhK","dropzone":"FileInput-module_dropzone__y5BNo","dragging":"FileInput-module_dragging__DoJPz","disabled":"FileInput-module_disabled__2Vlih","input":"FileInput-module_input__xiCkj","icon":"FileInput-module_icon__lXNr-","content":"FileInput-module_content__V9dYE","label":"FileInput-module_label__3DYWx","helper":"FileInput-module_helper__vVlYi","fileFormatText":"FileInput-module_fileFormatText__3E24H","fileList":"FileInput-module_fileList__xwhfk"};
+var styles$g = {"container":"FileInput-module_container__PUDhK","dropzone":"FileInput-module_dropzone__y5BNo","dragging":"FileInput-module_dragging__DoJPz","disabled":"FileInput-module_disabled__2Vlih","input":"FileInput-module_input__xiCkj","icon":"FileInput-module_icon__lXNr-","content":"FileInput-module_content__V9dYE","label":"FileInput-module_label__3DYWx","helper":"FileInput-module_helper__vVlYi","fileFormatText":"FileInput-module_fileFormatText__3E24H","fileList":"FileInput-module_fileList__xwhfk"};
 
-var styles$e = {"fileItem":"FileUpload-module_fileItem__TQAj3","fileInfo":"FileUpload-module_fileInfo__0Rsbg","successIcon":"FileUpload-module_successIcon__P4ekl","errorIcon":"FileUpload-module_errorIcon__3IUcP","fileName":"FileUpload-module_fileName__iE6N7","fileSize":"FileUpload-module_fileSize__BuAI5","fileMessage":"FileUpload-module_fileMessage__ymYSV","progressBar":"FileUpload-module_progressBar__MYqP0","progress":"FileUpload-module_progress__eXpUX"};
+var styles$f = {"fileItem":"FileUpload-module_fileItem__TQAj3","fileInfo":"FileUpload-module_fileInfo__0Rsbg","successIcon":"FileUpload-module_successIcon__P4ekl","errorIcon":"FileUpload-module_errorIcon__3IUcP","fileName":"FileUpload-module_fileName__iE6N7","fileSize":"FileUpload-module_fileSize__BuAI5","fileMessage":"FileUpload-module_fileMessage__ymYSV","progressBar":"FileUpload-module_progressBar__MYqP0","progress":"FileUpload-module_progress__eXpUX"};
 
 var Clock = function (_a) {
     var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === undefined ? 'currentColor' : _e;
@@ -970,25 +970,25 @@ var getMessage = function (status, message, progress) {
     if (status === 'failed') {
         if (message === null || message === undefined ? undefined : message.includes('-')) {
             var _a = message.split('-'), errorReason = _a[0], errorMessage = _a[1];
-            return (jsxs(Text, { className: styles$e.fileMessage, color: "var(--color-red-400)", children: [jsx("strong", { children: errorReason }), " - ", errorMessage] }));
+            return (jsxs(Text, { className: styles$f.fileMessage, color: "var(--color-red-400)", children: [jsx("strong", { children: errorReason }), " - ", errorMessage] }));
         }
-        return (jsx(Text, { className: styles$e.fileMessage, color: "var(--color-red-400)", children: message }));
+        return (jsx(Text, { className: styles$f.fileMessage, color: "var(--color-red-400)", children: message }));
     }
     if (status === 'duplicate') {
         if (message === null || message === undefined ? undefined : message.includes('-')) {
             var _b = message.split('-'), errorReason = _b[0], errorMessage = _b[1];
-            return (jsxs(Text, { className: styles$e.fileMessage, color: "var(--color-orange-400)", children: [jsx("strong", { children: errorReason }), " - ", errorMessage] }));
+            return (jsxs(Text, { className: styles$f.fileMessage, color: "var(--color-orange-400)", children: [jsx("strong", { children: errorReason }), " - ", errorMessage] }));
         }
-        return (jsx(Text, { className: styles$e.fileMessage, color: "var(--color-orange-400)", children: message }));
+        return (jsx(Text, { className: styles$f.fileMessage, color: "var(--color-orange-400)", children: message }));
     }
     if (status === 'uploading') {
-        return (jsxs(Flex, { align: "center", gap: 24, children: [jsx(Flex, { className: styles$e.progressBar, children: jsx(Flex, { className: styles$e.progress, w: "".concat(progress, "%") }) }), jsxs(Text, { color: "var(--color-neutral-500)", variant: "m", style: { margin: 0 }, children: [progress, "%"] })] }));
+        return (jsxs(Flex, { align: "center", gap: 24, children: [jsx(Flex, { className: styles$f.progressBar, children: jsx(Flex, { className: styles$f.progress, w: "".concat(progress, "%") }) }), jsxs(Text, { color: "var(--color-neutral-500)", variant: "m", style: { margin: 0 }, children: [progress, "%"] })] }));
     }
     if (status === 'previously-uploaded') {
-        return (jsx(Text, { className: styles$e.fileMessage, color: "var(--color-green-400)", children: message }));
+        return (jsx(Text, { className: styles$f.fileMessage, color: "var(--color-green-400)", children: message }));
     }
     if (status === 'uploaded') {
-        return (jsx(Text, { className: styles$e.fileMessage, color: "var(--color-green-400)", children: message }));
+        return (jsx(Text, { className: styles$f.fileMessage, color: "var(--color-green-400)", children: message }));
     }
     return null;
 };
@@ -1004,7 +1004,7 @@ var parseFileSize = function (size) {
 
 var FileUpload = function (_a) {
     var id = _a.id, name = _a.name, size = _a.size, status = _a.status, message = _a.message, progress = _a.progress, removeFile = _a.removeFile;
-    return (jsxs(Fragment, { children: [jsx(Divider, { color: "var(--color-neutral-300)" }), jsxs("div", { className: styles$e.fileItem, children: [jsxs("div", { className: styles$e.fileInfo, children: [getIcon$1(status), jsxs(Flex, { direction: "column", w: "100%", children: [jsx(Text, { className: styles$e.fileName, children: name }), jsx(Text, { className: styles$e.fileSize, color: "var(--color-neutral-500)", children: parseFileSize(size) }), getMessage(status, message, progress)] })] }), removeFile && (jsx(ActionIcon, { variant: "light", size: 'md', onClick: function () { return removeFile(id); }, "aria-label": "Remove ".concat(name), children: jsx(Close, {}) }))] }, "".concat(name, "-").concat(id))] }));
+    return (jsxs(Fragment, { children: [jsx(Divider, { color: "var(--color-neutral-300)" }), jsxs("div", { className: styles$f.fileItem, children: [jsxs("div", { className: styles$f.fileInfo, children: [getIcon$1(status), jsxs(Flex, { direction: "column", w: "100%", children: [jsx(Text, { className: styles$f.fileName, children: name }), jsx(Text, { className: styles$f.fileSize, color: "var(--color-neutral-500)", children: parseFileSize(size) }), getMessage(status, message, progress)] })] }), removeFile && (jsx(ActionIcon, { variant: "light", size: 'md', onClick: function () { return removeFile(id); }, "aria-label": "Remove ".concat(name), children: jsx(Close, {}) }))] }, "".concat(name, "-").concat(id))] }));
 };
 FileUpload.displayName = 'FileUpload';
 
@@ -1062,34 +1062,34 @@ var FileInput = function (_a) {
         .join(', ')
         .slice('.'.length)
         .toUpperCase(), ". Max file size: ").concat(maxSize, "MB");
-    return (jsxs(Fragment, { children: [jsx("div", { className: styles$f.container, children: jsxs("div", { className: classNames(styles$f.dropzone, (_b = {},
-                        _b[styles$f.dragging] = isDragging,
-                        _b[styles$f.disabled] = disabled,
-                        _b)), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsx("input", { type: "file", accept: acceptedFormats.join(','), onChange: handleFileInput, className: styles$f.input, "aria-label": label, disabled: disabled, multiple: true }), jsx("div", { className: styles$f.icon, children: jsx(Upload, { stroke: color, width: "2.6rem", height: "2.6rem", viewBox: "0 0 40 40" }) }), jsxs("div", { className: styles$f.content, children: [jsxs(Flex, { gap: 4, children: [jsx(Text, { variant: "m", weight: "medium", color: color, children: "Drag or" }), jsxs(Text, { variant: "m", weight: "medium", color: color, style: { textDecoration: 'underline' }, children: ["click to upload ", label] })] }), jsx(Text, { className: styles$f.fileFormatText, color: color, children: fileFormatText })] })] }) }), files.some(function (f) { return f.status === 'failed'; }) ? (jsx(Text, { variant: "xs", className: styles$f.helper, children: errorMessage })) : (jsx(Text, { variant: "xs", className: styles$f.helper, children: helperText })), files.length > 0 && (jsx(Flex, { className: styles$f.fileList, children: files.map(function (_a, index) {
+    return (jsxs(Fragment, { children: [jsx("div", { className: styles$g.container, children: jsxs("div", { className: classNames(styles$g.dropzone, (_b = {},
+                        _b[styles$g.dragging] = isDragging,
+                        _b[styles$g.disabled] = disabled,
+                        _b)), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsx("input", { type: "file", accept: acceptedFormats.join(','), onChange: handleFileInput, className: styles$g.input, "aria-label": label, disabled: disabled, multiple: true }), jsx("div", { className: styles$g.icon, children: jsx(Upload, { stroke: color, width: "2.6rem", height: "2.6rem", viewBox: "0 0 40 40" }) }), jsxs("div", { className: styles$g.content, children: [jsxs(Flex, { gap: 4, children: [jsx(Text, { variant: "m", weight: "medium", color: color, children: "Drag or" }), jsxs(Text, { variant: "m", weight: "medium", color: color, style: { textDecoration: 'underline' }, children: ["click to upload ", label] })] }), jsx(Text, { className: styles$g.fileFormatText, color: color, children: fileFormatText })] })] }) }), files.some(function (f) { return f.status === 'failed'; }) ? (jsx(Text, { variant: "xs", className: styles$g.helper, children: errorMessage })) : (jsx(Text, { variant: "xs", className: styles$g.helper, children: helperText })), files.length > 0 && (jsx(Flex, { className: styles$g.fileList, children: files.map(function (_a, index) {
                     var file = _a.file, rest = __rest(_a, ["file"]);
                     return (jsx(FileUpload, __assign({ file: file, removeFile: removeFile }, rest), "".concat(file.name, "-").concat(index)));
                 }) }))] }));
 };
 FileInput.displayName = 'FileInput';
 
-var styles$d = {"flex":"IncrementNumber-module_flex__Zo8-v","increment-button":"IncrementNumber-module_increment-button__qpw2X"};
+var styles$e = {"flex":"IncrementNumber-module_flex__Zo8-v","increment-button":"IncrementNumber-module_increment-button__qpw2X"};
 
 var IncrementNumber = function (props) {
     var formatter = new Intl.NumberFormat('en-US', {
         style: 'currency',
         currency: 'USD',
     });
-    return (jsxs("div", { className: styles$d['flex'], children: [props.disableDecrease ? (jsx("div", { style: { width: 24 } })) : (jsx("button", { className: styles$d['increment-button'], onClick: function () { return props.handleDecrease(props.value); }, children: jsx("img", { src: props.minusIconPath, width: 24, height: 24, alt: "-", style: {
+    return (jsxs("div", { className: styles$e['flex'], children: [props.disableDecrease ? (jsx("div", { style: { width: 24 } })) : (jsx("button", { className: styles$e['increment-button'], onClick: function () { return props.handleDecrease(props.value); }, children: jsx("img", { src: props.minusIconPath, width: 24, height: 24, alt: "-", style: {
                         maxWidth: '100%',
                         height: 'auto',
-                    } }) })), jsx(Text, { variant: "m", weight: "regular", style: { minWidth: 120 }, children: formatter.format(props.value) }), props.disableIncrease ? (jsx("div", { style: { width: 24 } })) : (jsx("button", { className: styles$d['increment-button'], onClick: function () { return props.handleIncrease(props.value); }, children: jsx("img", { src: props.plusIconPath, width: 24, height: 24, alt: "+", style: {
+                    } }) })), jsx(Text, { variant: "m", weight: "regular", style: { minWidth: 120 }, children: formatter.format(props.value) }), props.disableIncrease ? (jsx("div", { style: { width: 24 } })) : (jsx("button", { className: styles$e['increment-button'], onClick: function () { return props.handleIncrease(props.value); }, children: jsx("img", { src: props.plusIconPath, width: 24, height: 24, alt: "+", style: {
                         maxWidth: '100%',
                         height: 'auto',
                     } }) }))] }));
 };
 IncrementNumber.displayName = 'IncrementNumber';
 
-var styles$c = {"link":"Link-module_link__8oxip","s":"Link-module_s__YsU8H","m":"Link-module_m__8-UFj","bold":"Link-module_bold__H3baG","medium":"Link-module_medium__nuncU","regular":"Link-module_regular__4VBH2","disabledUnderlined":"Link-module_disabledUnderlined__rLghi"};
+var styles$d = {"link":"Link-module_link__8oxip","s":"Link-module_s__YsU8H","m":"Link-module_m__8-UFj","bold":"Link-module_bold__H3baG","medium":"Link-module_medium__nuncU","regular":"Link-module_regular__4VBH2","disabledUnderlined":"Link-module_disabledUnderlined__rLghi"};
 
 /**
  *
@@ -1119,15 +1119,15 @@ var styles$c = {"link":"Link-module_link__8oxip","s":"Link-module_s__YsU8H","m":
 var Link = function (_a) {
     var children = _a.children, variant = _a.variant, weight = _a.weight, href = _a.href, target = _a.target, _b = _a.disabledUnderlined, disabledUnderlined = _b === undefined ? false : _b, rel = _a.rel, rest = __rest(_a, ["children", "variant", "weight", "href", "target", "disabledUnderlined", "rel"]);
     return (jsx("a", __assign({}, rest, { href: href || '#', target: target, rel: rel, className: [
-            styles$c['link'],
-            styles$c[variant || ''],
-            styles$c[weight || ''],
-            disabledUnderlined ? styles$c['disabledUnderlined'] : '',
+            styles$d['link'],
+            styles$d[variant || ''],
+            styles$d[weight || ''],
+            disabledUnderlined ? styles$d['disabledUnderlined'] : '',
         ].join(' '), children: children })));
 };
 Link.displayName = 'Link';
 
-var styles$b = {"modal":"Modal-module_modal__gMPgi","body":"Modal-module_body__OhLb0","header":"Modal-module_header__5sBzU"};
+var styles$c = {"modal":"Modal-module_modal__gMPgi","body":"Modal-module_body__OhLb0","header":"Modal-module_header__5sBzU"};
 
 var Modal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, noLabel = _a.noLabel, yesLabel = _a.yesLabel, invertColors = _a.invertColors, underButton = _a.underButton, no = _a.no, yes = _a.yes, _b = _a.size, size = _b === undefined ? 'sm' : _b, _c = _a.padding, padding = _c === undefined ? 'sm' : _c, _d = _a.customRadius, customRadius = _d === undefined ? 16 : _d, children = _a.children, _e = _a.disabled, disabled = _e === undefined ? false : _e;
@@ -1152,9 +1152,9 @@ var Modal = function (_a) {
             title: 'Close modal',
             icon: jsx(Close, { fill: "var(--color-neutral-200)" }),
         }, classNames: {
-            content: styles$b.modal,
-            body: styles$b.body,
-            header: styles$b.header,
+            content: styles$c.modal,
+            body: styles$c.body,
+            header: styles$c.header,
         }, styles: {
             body: {
                 padding: paddingMap[padding],
@@ -1180,7 +1180,7 @@ var Warning = function (_a) {
 };
 Warning.displayName = 'Warning';
 
-var styles$a = {"message":"Message-module_message__HyLo0","general":"Message-module_general__jNnP2","alert":"Message-module_alert__3mQLB","negative":"Message-module_negative__H-tsT","positive":"Message-module_positive__CU0EL","success":"Message-module_success__08wEY","center":"Message-module_center__Y4KjG","top":"Message-module_top__J-o9d","bottom":"Message-module_bottom__2p2bW"};
+var styles$b = {"message":"Message-module_message__HyLo0","general":"Message-module_general__jNnP2","alert":"Message-module_alert__3mQLB","negative":"Message-module_negative__H-tsT","positive":"Message-module_positive__CU0EL","success":"Message-module_success__08wEY","center":"Message-module_center__Y4KjG","top":"Message-module_top__J-o9d","bottom":"Message-module_bottom__2p2bW"};
 
 /**
  * Message component for displaying feedback to the user.
@@ -1211,18 +1211,18 @@ var getIcon = function (status) {
 };
 var Message = function (_a) {
     var content = _a.content, _b = _a.variant, variant = _b === undefined ? 'form' : _b, _c = _a.status, status = _c === undefined ? 'general' : _c, _d = _a.iconAlignment, iconAlignment = _d === undefined ? 'center' : _d;
-    return (jsxs(Flex, { className: classNames(styles$a.message, styles$a[status], styles$a[variant]), children: [jsx(Flex, { className: styles$a[iconAlignment], children: getIcon(status) }), typeof content === 'string' ? (jsx(Text, { variant: "xs", children: content })) : (content)] }));
+    return (jsxs(Flex, { className: classNames(styles$b.message, styles$b[status], styles$b[variant]), children: [jsx(Flex, { className: styles$b[iconAlignment], children: getIcon(status) }), typeof content === 'string' ? (jsx(Text, { variant: "xs", children: content })) : (content)] }));
 };
 Message.displayName = 'Message';
 
 var multiselectStyles = {"input":"Multiselect-module_input__lwmrJ","inputFocused":"Multiselect-module_inputFocused__rm-OP","disabled":"Multiselect-module_disabled__DyqLt","pill":"Multiselect-module_pill__NwXcT","pillText":"Multiselect-module_pillText__6hobG"};
 
-var styles$9 = {"tooltip":"Tooltip-module_tooltip__Q1YfF"};
+var styles$a = {"tooltip":"Tooltip-module_tooltip__Q1YfF"};
 
 var Tooltip = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (jsx(Tooltip$1, __assign({}, props, { classNames: {
-            tooltip: styles$9.tooltip,
+            tooltip: styles$a.tooltip,
         }, offset: 4, children: children })));
 };
 Tooltip.displayName = 'Tooltip';
@@ -1373,17 +1373,17 @@ var MultiselectInternal = function (_a) {
                     }, onClick: function (e) { return e.stopPropagation(); } }))] }));
     };
     PillAndSearchSection.displayName = 'PillAndSearchSection';
-    var ErrorSection = (jsxs(Flex, { className: styles$o.error, gap: 4, ml: 16, mt: 8, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$o.errorText), children: error })] }));
-    var DescriptionSection = (jsx(Flex, { className: styles$o.description, gap: 4, ml: 16, mt: 8, style: { visibility: description ? 'visible' : 'hidden' }, children: jsx(Text, { variant: "xs", children: description }) }));
+    var ErrorSection = (jsxs(Flex, { className: styles$p.error, gap: 4, ml: 16, mt: 8, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$p.errorText), children: error })] }));
+    var DescriptionSection = (jsx(Flex, { className: styles$p.description, gap: 4, ml: 16, mt: 8, style: { visibility: description ? 'visible' : 'hidden' }, children: jsx(Text, { variant: "xs", children: description }) }));
     var dropdownFooter = function (store) { return (jsxs(Flex, { justify: "flex-end", py: 8, gap: 8, children: [jsx(Button, { variant: "outlined", label: "Clear", size: "small", onClick: handleClear }), jsx(Button, { variant: "filled", label: "Apply", size: "small", onClick: function () { return handleApply(store.closeDropdown); } })] })); };
     return (jsx(Dropdown, { options: dropdownOptions, maxHeight: 300, footer: dropdownFooter, children: function (store) {
             var _a, _b;
             var floatLabel = store.dropdownOpened || hasSelectedOptions;
-            return (jsxs("div", { className: styles$o.container, children: [floatLabel && (jsx("label", { className: classNames(styles$o.label, (_a = {},
-                            _a[styles$o.labelError] = error && !isFocused,
-                            _a[styles$o.labelFocused] = isFocused || isHovered,
-                            _a)), children: label })), jsxs(Box, { className: classNames(styles$o.input, multiselectStyles.input, (_b = {},
-                            _b[styles$o.inputError] = error && !isFocused,
+            return (jsxs("div", { className: styles$p.container, children: [floatLabel && (jsx("label", { className: classNames(styles$p.label, (_a = {},
+                            _a[styles$p.labelError] = error && !isFocused,
+                            _a[styles$p.labelFocused] = isFocused || isHovered,
+                            _a)), children: label })), jsxs(Box, { className: classNames(styles$p.input, multiselectStyles.input, (_b = {},
+                            _b[styles$p.inputError] = error && !isFocused,
                             _b[multiselectStyles.inputFocused] = isFocused || store.dropdownOpened,
                             _b[multiselectStyles.disabled] = disabled,
                             _b)), onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onClick: function () { return store.toggleDropdown(); }, onFocus: function () { return setIsFocused(true); }, onBlur: handleBlur, children: [jsx(PillAndSearchSection, { store: store, maxPills: maxPills }), jsx(Chevron, { rotate: store.dropdownOpened ? 90 : 270 })] }), error ? ErrorSection : DescriptionSection] }));
@@ -1471,15 +1471,15 @@ var NavBar = function (_a) {
 };
 NavBar.displayName = 'NavBar';
 
-var styles$8 = {"navbarSideContainer":"NavBarSide-module_navbarSideContainer__P8vLp","tabsRoot":"NavBarSide-module_tabsRoot__AAHNn","tabsList":"NavBarSide-module_tabsList__q9npG","tab":"NavBarSide-module_tab__i8yDE","tabsPanel":"NavBarSide-module_tabsPanel__-JWPo"};
+var styles$9 = {"navbarSideContainer":"NavBarSide-module_navbarSideContainer__P8vLp","tabsRoot":"NavBarSide-module_tabsRoot__AAHNn","tabsList":"NavBarSide-module_tabsList__q9npG","tab":"NavBarSide-module_tab__i8yDE","tabsPanel":"NavBarSide-module_tabsPanel__-JWPo"};
 
 var NavBarSide = function (_a) {
     var tabs = _a.tabs, onChange = _a.onChange, value = _a.value;
-    return (jsx("div", { className: styles$8.navbarSideContainer, children: jsxs(Tabs$1, { value: value, onChange: onChange, orientation: "vertical", keepMounted: false, classNames: {
-                list: styles$8.tabsList,
-                tab: styles$8.tab,
-                panel: styles$8.tabsPanel,
-                root: styles$8.tabsRoot,
+    return (jsx("div", { className: styles$9.navbarSideContainer, children: jsxs(Tabs$1, { value: value, onChange: onChange, orientation: "vertical", keepMounted: false, classNames: {
+                list: styles$9.tabsList,
+                tab: styles$9.tab,
+                panel: styles$9.tabsPanel,
+                root: styles$9.tabsRoot,
             }, children: [jsx(Tabs$1.List, { children: tabs.map(function (tab) { return (jsx(Tabs$1.Tab, { value: tab.value, "data-active": undefined, children: tab.label }, tab.value)); }) }), tabs.map(function (tab) { return (jsx(Tabs$1.Panel, { value: tab.value, children: tab.content }, tab.value)); })] }) }));
 };
 NavBarSide.displayName = 'NavBarSide';
@@ -1542,7 +1542,7 @@ var PasswordInput = function (_a) {
 };
 PasswordInput.displayName = 'PasswordInput';
 
-var styles$7 = {"pill":"Pill-module_pill__LeCgu","badge":"Pill-module_badge__DN2xw","secondary":"Pill-module_secondary__gu5Nq","text":"Pill-module_text__kUgzL","secondarySelected":"Pill-module_secondarySelected__-f9tB","primary":"Pill-module_primary__ZlP8y","primarySelected":"Pill-module_primarySelected__JC8JY","disabled":"Pill-module_disabled__1KocP"};
+var styles$8 = {"pill":"Pill-module_pill__LeCgu","badge":"Pill-module_badge__DN2xw","secondary":"Pill-module_secondary__gu5Nq","text":"Pill-module_text__kUgzL","secondarySelected":"Pill-module_secondarySelected__-f9tB","primary":"Pill-module_primary__ZlP8y","primarySelected":"Pill-module_primarySelected__JC8JY","disabled":"Pill-module_disabled__1KocP"};
 
 /**
  * Pill component is used to display a pill with a label and an optional icon
@@ -1560,12 +1560,40 @@ var styles$7 = {"pill":"Pill-module_pill__LeCgu","badge":"Pill-module_badge__DN2
 var Pill = function (_a) {
     var label = _a.label, rightIcon = _a.rightIcon, leftIcon = _a.leftIcon, _b = _a.isSelected, isSelected = _b === undefined ? false : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === undefined ? false : _c, _d = _a.className, className = _d === undefined ? '' : _d, dataFsElement = _a.dataFsElement, _e = _a.variant, variant = _e === undefined ? 'secondary' : _e;
     var variantClass = isSelected
-        ? styles$7["".concat(variant, "Selected")]
-        : styles$7[variant];
-    return (jsxs("div", __assign({ className: classNames(styles$7.pill, variantClass, disabled && styles$7.disabled, className), onClick: disabled ? undefined : onClick }, (dataFsElement ? { 'data-fs-element': dataFsElement } : {}), { children: [leftIcon, jsx(Text, { variant: "xs", weight: "medium", className: "\n          ".concat(styles$7.text, "\n          ").concat(isSelected ? styles$7.selectedText : '', "\n          ").concat(disabled ? styles$7.disabledText : '', "\n        "), children: label }), rightIcon] })));
+        ? styles$8["".concat(variant, "Selected")]
+        : styles$8[variant];
+    return (jsxs("div", __assign({ className: classNames(styles$8.pill, variantClass, disabled && styles$8.disabled, className), onClick: disabled ? undefined : onClick }, (dataFsElement ? { 'data-fs-element': dataFsElement } : {}), { children: [leftIcon, jsx(Text, { variant: "xs", weight: "medium", className: "\n          ".concat(styles$8.text, "\n          ").concat(isSelected ? styles$8.selectedText : '', "\n          ").concat(disabled ? styles$8.disabledText : '', "\n        "), children: label }), rightIcon] })));
 };
 Pill.displayName = 'Pill';
 
+var StepIndicator = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === undefined ? 'var(--color-primary-300)' : _e, _f = _a.fill, fill = _f === undefined ? 'var(--color-primary-50)' : _f, _g = _a.rotate, rotate = _g === undefined ? 0 : _g, props = __rest(_a, ["width", "height", "viewBox", "stroke", "fill", "rotate"]);
+    return (jsxs(Icon, __assign({}, props, { width: width, height: height, viewBox: viewBox, rotate: rotate, stroke: "var(--color-primary-50)", children: [jsx("circle", { cx: "16", cy: "16", r: "16", fill: "var(--color-primary-50)" }), jsx("path", { d: "M16 25C20.9706 25 25 20.9706 25 16C25 11.0294 20.9706 7 16 7C11.0294 7 7 11.0294 7 16C7 20.9706 11.0294 25 16 25Z", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("circle", { cx: "16", cy: "16", r: "1.25", stroke: stroke, strokeWidth: "1.5", fill: fill })] })));
+};
+StepIndicator.displayName = 'StepIndicator';
+
+var styles$7 = {"wrapper":"ProgressStepper-module_wrapper__ELFBB","circle":"ProgressStepper-module_circle__MaKFo","line":"ProgressStepper-module_line__pQ1eN"};
+
+/**
+ * ProgressStepper component, use it to show progress across a fixed number
+ * of steps as a horizontal line of circular indicators
+ *
+ * @param {number} totalSteps - Total number of steps to render
+ * @param {number} active - Current active step (0-indexed)
+ *
+ * @returns {React.ReactElement} The ProgressStepper component
+ *
+ */
+var ProgressStepper = function (_a) {
+    var totalSteps = _a.totalSteps, active = _a.active, className = _a.className;
+    return (jsx("div", { className: "".concat(styles$7.wrapper, " ").concat(className !== null && className !== undefined ? className : ''), children: Array.from({ length: totalSteps }).map(function (_, index) {
+            var state = index < active ? 'completed' : index === active ? 'active' : 'pending';
+            var isLast = index === totalSteps - 1;
+            return (jsxs(React.Fragment, { children: [jsxs("div", { className: styles$7.circle, "data-state": state, children: [state === 'completed' && (jsx(Tick, { width: "14px", height: "14px", viewBox: "0 0 32 32", stroke: "var(--color-primary-300)", strokeWidth: 3 })), state === 'active' && (jsx(StepIndicator, { width: "24px", height: "24px" }))] }), !isLast && (jsx("div", { className: styles$7.line, "data-state": index < active ? 'completed' : 'pending' }))] }, index));
+        }) }));
+};
+ProgressStepper.displayName = 'ProgressStepper';
+
 var styles$6 = {"radio":"RadioButton-module_radio__0A47m","label":"RadioButton-module_label__4gTzQ","disabled-label":"RadioButton-module_disabled-label__Nk0NW"};
 
 /**
@@ -1724,12 +1752,6 @@ var Arrow = function (_a) {
 };
 Arrow.displayName = 'Arrow';
 
-var StepIndicator = function (_a) {
-    var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === undefined ? 'var(--color-primary-300)' : _e, _f = _a.fill, fill = _f === undefined ? 'var(--color-primary-50)' : _f, _g = _a.rotate, rotate = _g === undefined ? 0 : _g, props = __rest(_a, ["width", "height", "viewBox", "stroke", "fill", "rotate"]);
-    return (jsxs(Icon, __assign({}, props, { width: width, height: height, viewBox: viewBox, rotate: rotate, stroke: "var(--color-primary-50)", children: [jsx("circle", { cx: "16", cy: "16", r: "16", fill: "var(--color-primary-50)" }), jsx("path", { d: "M16 25C20.9706 25 25 20.9706 25 16C25 11.0294 20.9706 7 16 7C11.0294 7 7 11.0294 7 16C7 20.9706 11.0294 25 16 25Z", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("circle", { cx: "16", cy: "16", r: "1.25", stroke: stroke, strokeWidth: "1.5", fill: fill })] })));
-};
-StepIndicator.displayName = 'StepIndicator';
-
 /**
  * Stepper component, use it to select an option from a list of options
  * For selecting multiple options, use the MultipleSelect component
@@ -1741,6 +1763,7 @@ StepIndicator.displayName = 'StepIndicator';
  * @param {React.ReactNode} backButton - Custom back button
  * @param {React.ReactNode} nextButton - Custom next button
  * @param {boolean} allowNextStepsSelect - Whether to allow selecting next steps
+ * @param {'full' | 'half'} progressBarVariant - 'full' fills progress bar for the active step (default), 'half' fills only halfway through it
  * @param {Step[]} stepCompleted - Content to show when all steps are completed
  *
  * @returns {React.ReactElement} The Stepper component
@@ -1748,9 +1771,9 @@ StepIndicator.displayName = 'StepIndicator';
  */
 var Stepper = function (_a) {
     var _b, _c, _d;
-    var steps = _a.steps, controlledActive = _a.active, _e = _a.fullSize, fullSize = _e === undefined ? false : _e, onStepChange = _a.onStepChange, _f = _a.showControls, showControls = _f === undefined ? true : _f, backButton = _a.backButton, nextButton = _a.nextButton, _g = _a.allowNextStepsSelect, allowNextStepsSelect = _g === undefined ? false : _g, stepCompleted = _a.stepCompleted, completedComponent = _a.completedComponent, props = __rest(_a, ["steps", "active", "fullSize", "onStepChange", "showControls", "backButton", "nextButton", "allowNextStepsSelect", "stepCompleted", "completedComponent"]);
-    var _h = useState(0), internalActive = _h[0], setInternalActive = _h[1];
-    var _j = useState(false), isCompleted = _j[0], setIsCompleted = _j[1];
+    var steps = _a.steps, controlledActive = _a.active, _e = _a.fullSize, fullSize = _e === undefined ? false : _e, onStepChange = _a.onStepChange, _f = _a.showControls, showControls = _f === undefined ? true : _f, backButton = _a.backButton, nextButton = _a.nextButton, _g = _a.allowNextStepsSelect, allowNextStepsSelect = _g === undefined ? false : _g, _h = _a.progressBarVariant, progressBarVariant = _h === undefined ? 'full' : _h, stepCompleted = _a.stepCompleted, completedComponent = _a.completedComponent, props = __rest(_a, ["steps", "active", "fullSize", "onStepChange", "showControls", "backButton", "nextButton", "allowNextStepsSelect", "progressBarVariant", "stepCompleted", "completedComponent"]);
+    var _j = useState(0), internalActive = _j[0], setInternalActive = _j[1];
+    var _k = useState(false), isCompleted = _k[0], setIsCompleted = _k[1];
     var active = controlledActive !== null && controlledActive !== undefined ? controlledActive : internalActive;
     var setActive = function (step) {
         if (controlledActive === undefined) {
@@ -1767,6 +1790,9 @@ var Stepper = function (_a) {
         }
     };
     var prevStep = function () { return setActive(active > 0 ? active - 1 : active); };
+    var progressValue = progressBarVariant === 'half'
+        ? ((active + 0.5) / steps.length) * 100
+        : ((active + 1) / steps.length) * 100;
     if (isCompleted) {
         return (jsx(Flex, { justify: "center", children: completedComponent || (jsx("div", { children: stepCompleted
                     ? stepCompleted.map(function (step, idx) { return (jsx("div", { children: step.content || step.label }, idx)); })
@@ -1781,7 +1807,7 @@ var Stepper = function (_a) {
                     step: styles$3.step,
                 }, children: steps.map(function (step, index) { return (jsx(StepperStep, { label: step.label, classNames: {
                         stepLabel: index === active ? styles$3.stepLabelInactive : styles$3.stepLabel,
-                    }, icon: jsx(Notification, { width: "32px", height: "32px", fill: "var(--color-white)" }) }, index)); }) })), jsx(Flex, { className: styles$3.progressWrapper, children: jsx(Progress, { value: ((active + 1) / steps.length) * 100, size: 10, radius: "xl", color: "var(--color-primary-200)", w: fullSize ? '100%' : '60%' }) }), jsx(Flex, { className: styles$3.stepWrapper, children: (_b = steps[active]) === null || _b === undefined ? undefined : _b.content }), showControls && (jsxs(Flex, { className: styles$3.buttonsWrapper, children: [active > 0 ? (backButton ? (backButton({ prevStep: prevStep, active: active })) : (jsx(Button, { variant: "outlined", size: "medium", onClick: prevStep, icon: jsx(Arrow, { width: "18px", height: "18px", rotate: 180 }), children: "Back" }))) : (jsx("div", {})), nextButton ? (nextButton({
+                    }, icon: jsx(Notification, { width: "32px", height: "32px", fill: "var(--color-white)" }) }, index)); }) })), jsx(Flex, { className: styles$3.progressWrapper, children: jsx(Progress, { value: progressValue, size: 10, radius: "xl", color: "var(--color-primary-200)", w: fullSize ? '100%' : '60%' }) }), jsx(Flex, { className: styles$3.stepWrapper, children: (_b = steps[active]) === null || _b === undefined ? undefined : _b.content }), showControls && (jsxs(Flex, { className: styles$3.buttonsWrapper, children: [active > 0 ? (backButton ? (backButton({ prevStep: prevStep, active: active })) : (jsx(Button, { variant: "outlined", size: "medium", onClick: prevStep, icon: jsx(Arrow, { width: "18px", height: "18px", rotate: 180 }), children: "Back" }))) : (jsx("div", {})), nextButton ? (nextButton({
                         nextStep: nextStep,
                         active: active,
                         disabled: ((_c = steps[active]) === null || _c === undefined ? undefined : _c.isValid) === false,
@@ -1889,14 +1915,14 @@ var Textarea = function (_a) {
     var _j = useState(false), isHovered = _j[0], setIsHovered = _j[1];
     var showLabel = !hideLabel && (isFocused || value.trim());
     var ErrorSection = useMemo(function () {
-        return holdSpace && (jsxs(Flex, { className: styles$o.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$o.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
+        return holdSpace && (jsxs(Flex, { className: styles$p.error, gap: 4, ml: 0, style: { visibility: error ? 'visible' : 'hidden' }, children: [jsx(Info, { width: "18px", height: "18px", viewBox: "0 0 24 24", stroke: "var(--color-red-300)" }), jsx(Text, { variant: "xs", className: classNames(styles$p.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
     }, [error]);
-    return (jsxs("div", { className: styles$o.container, children: [showLabel && (jsx("label", { className: classNames(styles$o.label, (_b = {},
-                    _b[styles$o.labelError] = error && !isFocused,
-                    _b[styles$o.labelFocused] = isFocused || isHovered,
+    return (jsxs("div", { className: styles$p.container, children: [showLabel && (jsx("label", { className: classNames(styles$p.label, (_b = {},
+                    _b[styles$p.labelError] = error && !isFocused,
+                    _b[styles$p.labelFocused] = isFocused || isHovered,
                     _b)), children: label })), jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, children: jsx(Textarea$1, __assign({ classNames: {
-                        input: classNames(styles$o.input, (_c = {},
-                            _c[styles$o.inputError] = error,
+                        input: classNames(styles$p.input, (_c = {},
+                            _c[styles$p.inputError] = error,
                             _c)),
                     }, placeholder: placeholder !== null && placeholder !== undefined ? placeholder : label, name: name, error: ErrorSection, description: !error && jsx(Text, { variant: "xs", children: description }), descriptionProps: inputDescriptionProps, errorProps: inputErrorProps, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange, autosize: rest.h ? false : rest.autosize, minRows: 2 }, rest, { styles: {
                         input: {
@@ -2061,6 +2087,12 @@ var House = function (_a) {
 };
 House.displayName = 'House';
 
+var HouseCheck = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === undefined ? 'currentColor' : _e, _f = _a.strokeWidth, strokeWidth = _f === undefined ? 1.5 : _f, _g = _a.fill, fill = _g === undefined ? 'none' : _g;
+    return (jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsxs("g", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, opacity: "0.9", children: [jsx("path", { d: "M1 11.262l10.58-9.069c.817-.7 2.023-.7 2.84 0L25 11.263" }), jsx("path", { d: "M23.288 9.817V2.09A1.09 1.09 0 0022.197 1h-3.273a1.09 1.09 0 00-1.09 1.09v3.051M21 14.333A5.333 5.333 0 1121 25a5.333 5.333 0 010-10.667M19 20.286l1.875 1.714 3.125-4M9.732 23.669v-6.91c0-.602.488-1.09 1.09-1.09h2.183M2.715 9.82v13.85M13 23.67H1" })] }) }));
+};
+HouseCheck.displayName = 'HouseCheck';
+
 var HouseTime = function (_a) {
     var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.stroke, stroke = _e === undefined ? 'currentColor' : _e, _f = _a.fill, fill = _f === undefined ? 'none' : _f;
     return (jsx(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: jsxs("g", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", opacity: "0.9", children: [jsx("path", { d: "M1 11.262l10.58-9.069c.817-.7 2.023-.7 2.84 0L25 11.263" }), jsx("path", { d: "M23.288 9.817V2.09A1.09 1.09 0 0022.197 1h-3.273a1.09 1.09 0 00-1.09 1.09v3.051M21 14.333A5.333 5.333 0 1121 25a5.333 5.333 0 010-10.667M23.432 19.947h-2.59M20.84 19.946v-3.121M9.732 23.669v-6.91c0-.602.488-1.09 1.09-1.09h2.183M2.715 9.82v13.85M13 23.67H1" })] }) }));
@@ -2162,5 +2194,5 @@ var World = function (_a) {
 };
 World.displayName = 'World';
 
-export { Attachment as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, Stepper as G, Tabs as H, IncrementNumber as I, Text as J, Textarea as K, Link as L, Message as M, NavBar as N, ToastContainer as O, Pagination as P, Tooltip as Q, RadioButton as R, SegmentedControl as S, Table as T, AIGenerate as U, AIPrompt as V, AIRedo as W, AISearch as X, Alert as Y, Archive as Z, Arrow as _, AccordionItem as a, AvatarPlaceholder as a0, Bell as a1, Calendar as a2, Camera as a3, Cat as a4, Chat as a5, Check as a6, CheckSquare as a7, Chevron as a8, ChevronCollapse as a9, Open as aA, Pets as aB, Phone as aC, Plaid as aD, Plus as aE, Refresh as aF, Remove as aG, Search as aH, Shield as aI, StepIndicator as aJ, ThreeDots as aK, ThumbsDown as aL, Tick as aM, Umbrello as aN, Upload as aO, Visa as aP, Warning as aQ, World as aR, capitalizeFirstSentenceLetter as aS, Clock as aa, Close as ab, Cloud as ac, CloudUpload as ad, CreditCard as ae, Curriculum as af, Delete as ag, Document as ah, Dog as ai, EyeHide as aj, EyeShow as ak, Fingerprint as al, Flash as am, Google as an, Grid as ao, Hamburger as ap, HappyFace as aq, House as ar, HouseTime as as, Identification as at, Info as au, Location as av, Mail as aw, Menu as ax, MenuTouched as ay, Notification as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, Avatar as h, badgeVariantMap as i, Button as j, cardStatusVariantMap as k, CardStatus as l, Checkbox as m, Chip as n, Dropdown as o, FileUpload as p, Input as q, LinkModal as r, Loader as s, Modal as t, Multiselect as u, NavBarSide as v, PasswordInput as w, Pill as x, Select as y, StatusBadge as z };
-//# sourceMappingURL=index-D6OoXp0A.js.map
+export { Arrow as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, StatusBadge as G, Stepper as H, IncrementNumber as I, Tabs as J, Text as K, Link as L, Message as M, NavBar as N, Textarea as O, Pagination as P, ToastContainer as Q, RadioButton as R, SegmentedControl as S, Table as T, Tooltip as U, AIGenerate as V, AIPrompt as W, AIRedo as X, AISearch as Y, Alert as Z, Archive as _, AccordionItem as a, Attachment as a0, AvatarPlaceholder as a1, Bell as a2, Calendar as a3, Camera as a4, Cat as a5, Chat as a6, Check as a7, CheckSquare as a8, Chevron as a9, MenuTouched as aA, Notification as aB, Open as aC, Pets as aD, Phone as aE, Plaid as aF, Plus as aG, Refresh as aH, Remove as aI, Search as aJ, Shield as aK, StepIndicator as aL, ThreeDots as aM, ThumbsDown as aN, Tick as aO, Umbrello as aP, Upload as aQ, Visa as aR, Warning as aS, World as aT, capitalizeFirstSentenceLetter as aU, ChevronCollapse as aa, Clock as ab, Close as ac, Cloud as ad, CloudUpload as ae, CreditCard as af, Curriculum as ag, Delete as ah, Document as ai, Dog as aj, EyeHide as ak, EyeShow as al, Fingerprint as am, Flash as an, Google as ao, Grid as ap, Hamburger as aq, HappyFace as ar, House as as, HouseCheck as at, HouseTime as au, Identification as av, Info as aw, Location as ax, Mail as ay, Menu as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, Avatar as h, badgeVariantMap as i, Button as j, cardStatusVariantMap as k, CardStatus as l, Checkbox as m, Chip as n, Dropdown as o, FileUpload as p, Input as q, LinkModal as r, Loader as s, Modal as t, Multiselect as u, NavBarSide as v, PasswordInput as w, Pill as x, ProgressStepper as y, Select as z };
+//# sourceMappingURL=index-C2t8gcjZ.js.map