@jars-labs/jars-components 1.1.6 → 1.1.8

package/dist/{index-D6OoXp0A.js → index-BswprZpZ.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-CzEUvYDu.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;
@@ -263,7 +263,7 @@ var Close = function (_a) {
 Close.displayName = 'Close';
 
 var Search = function (props) {
-    return (jsxs(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 22 22', width: props.width || '22', height: props.height || '22', children: [jsx("path", { d: "M9.46154 17.9231C14.1347 17.9231 17.9231 14.1347 17.9231 9.46154C17.9231 4.78835 14.1347 1 9.46154 1C4.78835 1 1 4.78835 1 9.46154C1 14.1347 4.78835 17.9231 9.46154 17.9231Z", stroke: "var(--color-neutral-600)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M21 21L15.6154 15.6154", stroke: "var(--color-neutral-600)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+    return (jsxs(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 22 22', width: props.width || '22', height: props.height || '22', stroke: props.stroke || 'var(--color-neutral-600)', children: [jsx("path", { d: "M9.46154 17.9231C14.1347 17.9231 17.9231 14.1347 17.9231 9.46154C17.9231 4.78835 14.1347 1 9.46154 1C4.78835 1 1 4.78835 1 9.46154C1 14.1347 4.78835 17.9231 9.46154 17.9231Z", stroke: props.stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M21 21L15.6154 15.6154", stroke: props.stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
 };
 Search.displayName = 'Search';
 
@@ -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: {
@@ -1954,8 +1980,8 @@ var Attachment = function (props) {
 Attachment.displayName = 'Attachment';
 
 var Bell = 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.alert, alert = _e === undefined ? false : _e;
-    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, children: [jsx("path", { d: "M14.1429 27.8572H17.5714", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M22.7143 15C22.7143 13.1813 21.9919 11.4372 20.7059 10.1512C19.4199 8.86527 17.6758 8.14282 15.8572 8.14282C14.0385 8.14282 12.2944 8.86527 11.0084 10.1512C9.72247 11.4372 9.00002 13.1813 9.00002 15V21C9.00002 21.6819 8.72909 22.3361 8.24686 22.8183C7.76463 23.3005 7.11057 23.5714 6.42859 23.5714H25.2857C24.6038 23.5714 23.9496 23.3005 23.4674 22.8183C22.9852 22.3361 22.7143 21.6819 22.7143 21V15Z", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M4.71429 14.777C4.71522 13.1453 5.10435 11.5372 5.84956 10.0855C6.59476 8.63384 7.67464 7.38032 9.00001 6.42847", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M25.8648 10.0855C25.1196 8.63384 24.0396 7.38032 22.7143 6.42847", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), alert && (jsx("circle", { cx: "22.2857", cy: "9.14282", r: "5.5", fill: "#7B34D6", stroke: "white" }))] }));
+    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.alert, alert = _f === undefined ? false : _f;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, stroke: stroke, children: [jsx("path", { d: "M14.1429 27.8572H17.5714", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M22.7143 15C22.7143 13.1813 21.9919 11.4372 20.7059 10.1512C19.4199 8.86527 17.6758 8.14282 15.8572 8.14282C14.0385 8.14282 12.2944 8.86527 11.0084 10.1512C9.72247 11.4372 9.00002 13.1813 9.00002 15V21C9.00002 21.6819 8.72909 22.3361 8.24686 22.8183C7.76463 23.3005 7.11057 23.5714 6.42859 23.5714H25.2857C24.6038 23.5714 23.9496 23.3005 23.4674 22.8183C22.9852 22.3361 22.7143 21.6819 22.7143 21V15Z", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M4.71429 14.777C4.71522 13.1453 5.10435 11.5372 5.84956 10.0855C6.59476 8.63384 7.67464 7.38032 9.00001 6.42847", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M25.8648 10.0855C25.1196 8.63384 24.0396 7.38032 22.7143 6.42847", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), alert && (jsx("circle", { cx: "22.2857", cy: "9.14282", r: "5.5", fill: "#7B34D6", stroke: "white" }))] }));
 };
 Bell.displayName = 'Bell';
 
@@ -2001,8 +2027,8 @@ var CloudUpload = function (_a) {
 CloudUpload.displayName = 'CloudUpload';
 
 var CreditCard = function (_a) {
-    var _b = _a.width, width = _b === undefined ? '25px' : _b, _c = _a.height, height = _c === undefined ? '25px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 25 25' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e;
-    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { d: "M22.2222 3.66406H2.67005C1.68838 3.66406 0.892578 4.44814 0.892578 5.41534V18.5499C0.892578 19.5171 1.68838 20.3012 2.67005 20.3012H22.2222C23.2039 20.3012 23.9997 19.5171 23.9997 18.5499V5.41534C23.9997 4.44814 23.2039 3.66406 22.2222 3.66406Z", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M0.892578 9.20996H23.9997", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M16.6055 15.6797H19.3783", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+    var _b = _a.width, width = _b === undefined ? '25px' : _b, _c = _a.height, height = _c === undefined ? '25px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 25 25' : _d, _e = _a.stroke, stroke = _e === undefined ? 'currentColor' : _e, _f = _a.fill, fill = _f === undefined ? 'none' : _f;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { d: "M22.2222 3.66406H2.67005C1.68838 3.66406 0.892578 4.44814 0.892578 5.41534V18.5499C0.892578 19.5171 1.68838 20.3012 2.67005 20.3012H22.2222C23.2039 20.3012 23.9997 19.5171 23.9997 18.5499V5.41534C23.9997 4.44814 23.2039 3.66406 22.2222 3.66406Z", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M0.892578 9.20996H23.9997", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M16.6055 15.6797H19.3783", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 };
 CreditCard.displayName = 'CreditCard';
 
@@ -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" })] }) }));
@@ -2119,19 +2151,21 @@ var Plaid = function (props) {
 Plaid.displayName = 'Plaid';
 
 var Plus = 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 (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 28v0C9.372 28 4 22.628 4 16v0C4 9.372 9.372 4 16 4v0c6.628 0 12 5.372 12 12v0c0 6.628-5.372 12-12 12z", clipRule: "evenodd" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 10.667v10.666M21.333 16H10.667" })] }));
+    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, _h = _a.outlined, outlined = _h === undefined ? true : _h;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [outlined && (jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M16 28v0C9.372 28 4 22.628 4 16v0C4 9.372 9.372 4 16 4v0c6.628 0 12 5.372 12 12v0c0 6.628-5.372 12-12 12z", clipRule: "evenodd" })), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: outlined
+                    ? 'M16 10.667v10.666M21.333 16H10.667'
+                    : 'M16 9.5v13M22.5 16H9.5' })] }));
 };
 Plus.displayName = 'Plus';
 
 var Refresh = function (props) {
-    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M20.3846 16.5176L24.077 15.5945L25 19.2869", stroke: "black", strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M24.077 15.5945C23.292 17.9399 21.8117 19.9908 19.8332 21.4747C17.8546 22.9587 15.4713 23.8053 13 23.9022C10.7258 23.9026 8.5065 23.2031 6.64367 21.8984C4.78085 20.5937 3.36474 18.7474 2.58771 16.6099", stroke: "black", strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M5.61538 9.133L1.92308 10.0561L1 6.36377", stroke: "black", strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M1.92303 10.0561C2.74932 7.73647 4.24047 5.71157 6.21039 4.23411C8.18031 2.75667 10.5417 1.89214 13 1.74841C15.2853 1.75484 17.5127 2.46797 19.3768 3.79004C21.241 5.11211 22.6505 6.97838 23.4123 9.13303", stroke: "black", strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" })] })));
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M20.3846 16.5176L24.077 15.5945L25 19.2869", stroke: props.stroke, strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M24.077 15.5945C23.292 17.9399 21.8117 19.9908 19.8332 21.4747C17.8546 22.9587 15.4713 23.8053 13 23.9022C10.7258 23.9026 8.5065 23.2031 6.64367 21.8984C4.78085 20.5937 3.36474 18.7474 2.58771 16.6099", stroke: props.stroke, strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M5.61538 9.133L1.92308 10.0561L1 6.36377", stroke: props.stroke, strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M1.92303 10.0561C2.74932 7.73647 4.24047 5.71157 6.21039 4.23411C8.18031 2.75667 10.5417 1.89214 13 1.74841C15.2853 1.75484 17.5127 2.46797 19.3768 3.79004C21.241 5.11211 22.6505 6.97838 23.4123 9.13303", stroke: props.stroke, strokeWidth: props.strokeWidth || '1.5', strokeLinecap: "round", strokeLinejoin: "round" })] })));
 };
 Refresh.displayName = 'Refresh';
 
 var Remove = 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 (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M21.333 16H10.667" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 28v0C9.372 28 4 22.628 4 16v0C4 9.372 9.372 4 16 4v0c6.628 0 12 5.372 12 12v0c0 6.628-5.372 12-12 12z", clipRule: "evenodd" })] }));
+    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, _h = _a.outlined, outlined = _h === undefined ? true : _h;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: outlined ? 'M21.333 16H10.667' : 'M22.5 16H9.5' }), outlined && (jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M16 28v0C9.372 28 4 22.628 4 16v0C4 9.372 9.372 4 16 4v0c6.628 0 12 5.372 12 12v0c0 6.628-5.372 12-12 12z", clipRule: "evenodd" }))] }));
 };
 Remove.displayName = 'Remove';
 
@@ -2162,5 +2196,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-BswprZpZ.js.map