@jars-labs/jars-components 1.0.70 → 1.0.71

package/dist/index-BeIykrFW.js

@@ -0,0 +1,2027 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Accordion as Accordion$1, AccordionItem as AccordionItem$1, AccordionControl as AccordionControl$1, AccordionPanel as AccordionPanel$1, ActionIcon as ActionIcon$1, Group, Combobox, useCombobox, Flex, TextInput, Loader as Loader$1, Checkbox as Checkbox$1, Menu as Menu$1, Divider, Modal as Modal$1, Box, Pagination as Pagination$1, Radio, SegmentedControl as SegmentedControl$1, Select as Select$1, Stepper as Stepper$1, StepperStep, Progress, Table as Table$1, Tabs as Tabs$1, Textarea as Textarea$1, Tooltip as Tooltip$1 } from '@mantine/core';
+import React, { useRef, useState, useEffect, forwardRef, useMemo, useLayoutEffect } from 'react';
+import { DateInput as DateInput$1 } from '@mantine/dates';
+import { ToastContainer as ToastContainer$1 } from 'react-toastify';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var styles$p = {"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;
+    return (jsx("svg", { width: width, height: height, viewBox: viewBox, fill: fill, preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", transform: "rotate(".concat(rotate, ")"), children: children }));
+};
+var Icon = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '32px' : _b, _c = _a.height, height = _c === undefined ? '32px' : _c, viewBox = _a.viewBox, _d = _a.fill, fill = _d === undefined ? 'none' : _d, _e = _a.stroke, stroke = _e === undefined ? 'currentColor' : _e, _f = _a.rotate, rotate = _f === undefined ? 0 : _f, _g = _a.style, style = _g === undefined ? {} : _g, children = _a.children;
+    if (typeof window === 'undefined') {
+        serverSideRenderSVG({
+            width: width,
+            height: height,
+            viewBox: viewBox,
+            fill: fill,
+            rotate: rotate,
+        }, children);
+    }
+    var svgRef = useRef(null);
+    var _h = useState(null), transform = _h[0], setTransform = _h[1];
+    useEffect(function () {
+        var centerSvgInViewBox = function () {
+            if (svgRef.current) {
+                var content = svgRef.current.querySelector('g') || svgRef.current;
+                // Check if one of the parent elements is an accordion content
+                var parent_1 = svgRef.current.parentElement;
+                var isParentContent = false;
+                while (parent_1) {
+                    if (parent_1.classList.contains('mantine-Accordion-root') ||
+                        parent_1.classList.contains('mantine-Tabs-panel')) {
+                        isParentContent = true;
+                        break;
+                    }
+                    parent_1 = parent_1.parentElement;
+                }
+                if (isParentContent) {
+                    // Don't center it
+                    return;
+                }
+                var bbox = content.getBBox();
+                var viewBoxValues = (viewBox === null || viewBox === undefined ? undefined : viewBox.split(' ').map(Number)) || [0, 0, 32, 32];
+                var viewBoxWidth = viewBoxValues[2];
+                var viewBoxHeight = viewBoxValues[3];
+                var dx = (viewBoxWidth - bbox.width) / 2 - bbox.x;
+                var dy = (viewBoxHeight - bbox.height) / 2 - bbox.y;
+                setTransform("translate(".concat(dx, ", ").concat(dy, ")"));
+            }
+        };
+        centerSvgInViewBox();
+    }, [viewBox]);
+    return (jsx("svg", { ref: svgRef, width: width, height: height, viewBox: viewBox, fill: fill, stroke: stroke, preserveAspectRatio: "xMidYMid meet", style: __assign(__assign({}, style), { transform: "rotate(".concat(rotate, "deg)"), transformOrigin: 'center' }), children: jsx("g", { transform: transform || undefined, children: children }) }));
+};
+Icon.displayName = 'Icon';
+
+var Chevron = function (_a) {
+    var props = __rest(_a, []);
+    return (jsx(Icon, __assign({}, props, { style: {
+            transition: 'transform 0.25s ease',
+        }, children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.75 19.5L8.25 12l7.5-7.5" }) })));
+};
+Chevron.displayName = 'Chevron';
+
+var Accordion = function (_a) {
+    var _b = _a.customChevronPosition, customChevronPosition = _b === undefined ? 'center-right' : _b, _c = _a.bgColor, bgColor = _c === undefined ? 'neutral' : _c, children = _a.children;
+    var childrenWithColor = React.Children.map(children, function (child) {
+        if (React.isValidElement(child)) {
+            return React.cloneElement(child, {
+                bgColor: bgColor,
+            });
+        }
+        return child;
+    });
+    return (jsx(Accordion$1, { variant: "unstyled", chevron: jsx(Chevron, { rotate: 270, width: "24px", height: "24px" }), chevronSize: 24, classNames: {
+            root: styles$p.accordion,
+            chevron: "".concat(styles$p.chevron, " ").concat(styles$p[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$p.item, " ").concat(bgColor === 'white' ? styles$p['item-white'] : styles$p['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$p.label, control: styles$p.control }, children: children }));
+};
+AccordionControl.displayName = 'AccordionControl';
+var AccordionPanel = function (_a) {
+    var children = _a.children;
+    return (jsx(AccordionPanel$1, { classNames: { content: styles$p.content }, children: children }));
+};
+AccordionPanel.displayName = 'AccordionPanel';
+
+var styles$o = {"root":"ActionIcon-module_root__orJKP"};
+
+/**
+ * ActionIcon component to display an icon with a clickable action.
+ * Use Button component if you need to display an icon with a label, or any other variants.
+ * Use light variant when you dont want it to have a background.
+ *
+ * @param onClick - Function to call when icon is clicked
+ * @param radius - Radius of the background
+ * @param color - Color of the icon
+ * @param variant - Variant of the icon (filled, light, outline)
+ * @param size - Size of the icon
+ * @param disabled - If true, icon will be disabled
+ * @param children - Icon to display
+ * @returns React component
+ */
+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$o.root,
+        }, color: color, ref: ref }, rest, { children: jsx(Group, { children: children }) })));
+});
+ActionIcon.displayName = 'ActionIcon';
+
+var Animation = function (_a) {
+    var animationData = _a.animationData, loop = _a.loop, props = __rest(_a, ["animationData", "loop"]);
+    var refVector = useRef(null);
+    var _b = useState(null), lottie = _b[0], setLottie = _b[1];
+    useEffect(function () {
+        import('./lottie-kZLiJLNw.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
+    }, []);
+    useEffect(function () {
+        if (lottie && refVector.current) {
+            var Animation_1 = lottie.loadAnimation({
+                container: refVector.current,
+                renderer: 'svg',
+                loop: loop,
+                autoplay: true,
+                path: animationData,
+            });
+            return function () { return Animation_1.destroy(); };
+        }
+    }, [lottie, animationData]);
+    return (jsx("div", __assign({ ref: refVector }, props, { style: { width: '100%', height: '100%' } })));
+};
+Animation.displayName = 'Animation';
+
+var styles$n = {"dropdown":"Dropdown-module_dropdown__Pf3Aj","option":"Dropdown-module_option__5-7L7"};
+
+/**
+ *
+ * Dropdown component
+ * Used to Create custom select, autocomplete or multiselect inputs
+ *
+ * @param options - list of options to display in dropdown
+ * @param onOptionSubmit - function to call when option is selected by click or enter
+ * @param children - dropdown target element (the dropdown will be attached to this element)
+ * @param footer - footer element to display at the bottom of the dropdown
+ * @param storeOptions - useCombobox options
+ * @param maxHeight - max height of dropdown
+ * @param closeOnSelect - close dropdown on option select
+ * @param rest - rest of the props to pass to Combobox component
+ *
+ * @return Attaches dropdown to target element and displays options
+ *
+ * @example
+ * <Dropdown
+ *  options={['Option 1', 'Option 2', 'Option 3']}
+ *  onOptionSubmit={(value) => console.log(value)}
+ * >
+ *  <Button label="Click Me!">
+ * </Dropdown>
+ *
+ */
+var Dropdown = function (_a) {
+    var options = _a.options, children = _a.children, footer = _a.footer, storeOptions = _a.storeOptions, onOptionSubmit = _a.onOptionSubmit, maxHeight = _a.maxHeight, _b = _a.closeOnSelect, closeOnSelect = _b === undefined ? false : _b, rest = __rest(_a, ["options", "children", "footer", "storeOptions", "onOptionSubmit", "maxHeight", "closeOnSelect"]);
+    var store = useCombobox(__assign({}, storeOptions));
+    var renderOptions = function (options, onOptionSubmit) {
+        if (!Array.isArray(options)) {
+            return options;
+        }
+        return options.map(function (option, index) {
+            if (typeof option === 'string') {
+                return (jsx(Combobox.Option, { value: option, onClick: function () {
+                        store.selectOption(index);
+                        onOptionSubmit === null || onOptionSubmit === undefined ? undefined : onOptionSubmit(option);
+                        closeOnSelect && store.closeDropdown();
+                    }, className: styles$n.option, children: option }, index));
+            }
+            return option;
+        });
+    };
+    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$n.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;
+Dropdown.Options = Combobox.Options;
+Dropdown.OptionGroup = Combobox.Group;
+
+var Close = 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.fill, fill = _e === undefined ? 'transparent' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f, _g = _a.outlined, outlined = _g === undefined ? false : _g;
+    return (jsx(Icon, { width: width, height: height, viewBox: viewBox, children: outlined ? (jsxs(Fragment, { children: [jsx("path", { fillRule: "evenodd", stroke: stroke, fill: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12 21v0a9 9 0 01-9-9v0a9 9 0 019-9v0a9 9 0 019 9v0a9 9 0 01-9 9z", clipRule: "evenodd" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.172 9.172l5.656 5.656M14.829 9.172l-5.657 5.656" })] })) : (jsx(Fragment, { children: jsxs("g", { stroke: "none", fill: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", children: [jsx("path", { d: "m9.364 9.364 12.728 12.728", stroke: stroke }), jsx("path", { d: "M22.092 9.364 9.364 22.092", stroke: stroke })] }) })) }));
+};
+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" })] })));
+};
+Search.displayName = 'Search';
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var hasRequiredClassnames;
+
+function requireClassnames () {
+	if (hasRequiredClassnames) return classnames.exports;
+	hasRequiredClassnames = 1;
+	(function (module) {
+		/* global define */
+
+		(function () {
+
+			var hasOwn = {}.hasOwnProperty;
+
+			function classNames () {
+				var classes = '';
+
+				for (var i = 0; i < arguments.length; i++) {
+					var arg = arguments[i];
+					if (arg) {
+						classes = appendClass(classes, parseValue(arg));
+					}
+				}
+
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(null, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
+			}
+
+			if (module.exports) {
+				classNames.default = classNames;
+				module.exports = classNames;
+			} else {
+				window.classNames = classNames;
+			}
+		}()); 
+	} (classnames));
+	return classnames.exports;
+}
+
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+
+var styles$m = {"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 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;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, children: [jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M11.999 8C11.861 8 11.749 8.112 11.75 8.25C11.75 8.388 11.862 8.5 12 8.5C12.138 8.5 12.25 8.388 12.25 8.25C12.25 8.112 12.138 8 11.999 8" }), jsx("path", { fillRule: "evenodd", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M12 21V21C7.029 21 3 16.971 3 12V12C3 7.029 7.029 3 12 3V3C16.971 3 21 7.029 21 12V12C21 16.971 16.971 21 12 21Z", clipRule: "evenodd" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M12 12V17" })] }));
+};
+Info.displayName = 'Info';
+
+var styles$l = {"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',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+};
+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$l['text'], styles$l[variant || ''], styles$l[weight || '']);
+    return React.createElement(as || elementType[variant] || 'p', __assign({ ref: ref, className: combinedClassName, style: combinedStyle }, rest), children);
+});
+Text.displayName = 'Text';
+
+function smartLowercase(str) {
+    return str
+        .split(/\b/)
+        .map(function (word) {
+        if (/^[A-Z]{2,}$/.test(word))
+            return word;
+        return word.toLowerCase();
+    })
+        .join('');
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function capitalizeFirstSentenceLetter(input) {
+    var str;
+    if (typeof input !== 'string') {
+        if (Array.isArray(input)) {
+            str = input.join(' ');
+        }
+        else {
+            return String(input);
+        }
+    }
+    else {
+        str = input;
+    }
+    return smartLowercase(str.replace(/_/g, ' ')).replace(/(^\s*[a-z])|([.!?]\s*[a-z])/g, function (match) { return match.toUpperCase(); });
+}
+
+/**
+ * Input component that extends the TextInput component from Mantine.
+ * It includes additional features like error handling, description, and label visibility.
+ *
+ * @param {string} name - The name of the input field.
+ * @param {string} label - The label for the input field.
+ * @param {string} placeholder - The placeholder text for the input field.
+ * @param {string} value - The value of the input field.
+ * @param {function} onChange - The function to call when the input value changes.
+ * @param {function} onBlur - The function to call when the input loses focus.
+ * @param {string} error - The error message to display.
+ * @param {string} description - The description text to display below the input field.
+ * @param {boolean} holdSpace - Whether to hold space for the error message even when there is no error.
+ * @param {React.ReactNode} leftSection - The icon to display on the left side of the input field.
+ * @param {React.ReactNode} rightSection - The icon to display on the right side of the input field.
+ * @param {boolean} hideLabel - Whether to hide the label when it's not required.
+ * @param {string} type - The type of the input field (default is 'text').
+ *
+ * @example
+ * <Input
+ *   name="username"
+ *   label="Username"
+ *   placeholder="Enter your username"
+ *   value={username}
+ *   onChange={(e) => setUsername(e.target.value)}
+ *   onBlur={() => console.log('Input blurred')}
+ *   error="Username is required"
+ *   description="Your unique username"
+ * />
+ */
+var Input = function (_a) {
+    var _b, _c;
+    var _d = _a.error, error = _d === undefined ? '' : _d, name = _a.name, placeholder = _a.placeholder, _e = _a.value, value = _e === undefined ? '' : _e, onChange = _a.onChange, label = _a.label, description = _a.description, leftSection = _a.leftSection, rightSection = _a.rightSection, _f = _a.type, type = _f === undefined ? 'text' : _f, _g = _a.holdSpace, holdSpace = _g === undefined ? true : _g, _h = _a.hideLabel, hideLabel = _h === undefined ? false : _h, _j = _a.disabled, disabled = _j === undefined ? false : _j, rest = __rest(_a, ["error", "name", "placeholder", "value", "onChange", "label", "description", "leftSection", "rightSection", "type", "holdSpace", "hideLabel", "disabled"]);
+    var _k = useState(false), isFocused = _k[0], setIsFocused = _k[1];
+    var _l = useState(false), isHovered = _l[0], setIsHovered = _l[1];
+    var showLabel = !hideLabel && (isFocused || value.trim());
+    var placeHolderValue = placeholder || label;
+    var ErrorSection = useMemo(function () {
+        return holdSpace && (jsxs(Flex, { className: classNames(styles$m.error, error ? styles$m.errorVisible : styles$m.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$m.errorText), as: "span", children: capitalizeFirstSentenceLetter(error) })] }));
+    }, [error]);
+    return (jsxs("div", { className: styles$m.container, children: [showLabel && (jsx("label", { className: classNames(styles$m.label, (_b = {},
+                    _b[styles$m.labelError] = error && !isFocused,
+                    _b[styles$m.labelFocused] = isFocused || isHovered,
+                    _b[styles$m.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$m.input, (_c = {},
+                            _c[styles$m.inputLeftIcon] = leftSection,
+                            _c[styles$m.inputRightIcon] = rightSection,
+                            _c[styles$m.inputError] = error,
+                            _c)),
+                    }, placeholder: placeHolderValue, name: name, error: ErrorSection, description: !error && jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$m.description }, errorProps: { className: styles$m.error }, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange, leftSection: leftSection, rightSection: rightSection, leftSectionProps: { className: styles$m.leftSection }, rightSectionProps: { className: styles$m.rightSection }, type: type, disabled: disabled }, rest)) })] }));
+};
+Input.displayName = 'Input';
+
+var Loader = function (props) {
+    return jsx(Loader$1, __assign({ color: "var(--color-primary-300)" }, props));
+};
+Loader.displayName = 'Loader';
+
+/**
+ *
+ * Autocomplete component
+ * Autocomplete user input with any list of options
+ *
+ * @param options - list of options to display in dropdown (array of AutocompleteOption)
+ * @param label - input label
+ * @param placeholder - input placeholder
+ * @param onOptionSubmit - function to call when option is selected by click or enter (option: AutocompleteOption | null)
+ * @param onClear - function to call when clear button is clicked
+ * @param disabled - disable input
+ * @param onSearchChange - function to call when search value changes
+ * @param searchValue - search value
+ * @param loading - show loading spinner
+ * @param minCharactersToShowDropdown - minimum characters to show dropdown options
+ * @param style - custom styles for the input
+ * @param initialValue - default value for the input (AutocompleteOption)
+ *
+ * @return Autocomplete component with dropdown
+ */
+var Autocomplete = function (_a) {
+    var options = _a.options, _b = _a.placeholder, placeholder = _b === undefined ? 'Search' : _b, onOptionSubmit = _a.onOptionSubmit, _c = _a.disabled, disabled = _c === undefined ? false : _c, onClear = _a.onClear, onSearchChange = _a.onSearchChange, searchValue = _a.searchValue, _d = _a.loading, loading = _d === undefined ? false : _d, _e = _a.minCharactersToShowDropdown, minCharactersToShowDropdown = _e === undefined ? 2 : _e, style = _a.style, initialValue = _a.initialValue;
+    var handleOptionSubmit = function (option) {
+        onOptionSubmit === null || onOptionSubmit === undefined ? undefined : onOptionSubmit(option);
+    };
+    var searchTrimmed = searchValue.trim();
+    var boldedOptions = options.map(function (option) {
+        var index = option.label
+            .toLowerCase()
+            .indexOf(searchTrimmed.toLowerCase());
+        if (index === -1)
+            return (jsx(Dropdown.Option, { value: option.label, onClick: function () { return handleOptionSubmit(option); }, children: option.label }, option.id));
+        return (jsxs(Dropdown.Option, { value: option.label, onClick: function () { return handleOptionSubmit(option); }, children: [option.label.slice(0, index), jsx("strong", { children: option.label.slice(index, index + searchTrimmed.length) }), option.label.slice(index + searchTrimmed.length)] }, option.id));
+    });
+    var emptyOptions = (jsx(Dropdown.Option, { value: "No options found", style: { cursor: 'not-allowed', pointerEvents: 'none' }, children: "No matches found, try something else." }));
+    var loadingOptions = (jsx(Dropdown.Option, { value: "Loading...", disabled: true, style: { display: 'flex', justifyContent: 'center' }, children: jsx(Loader, {}) }));
+    var renderOptions = function () {
+        if (loading)
+            return loadingOptions;
+        return boldedOptions.length > 0 ? boldedOptions : emptyOptions;
+    };
+    var _f = useState(false), touched = _f[0], setTouched = _f[1];
+    var _g = useState(false), hasClearedInitial = _g[0], setHasClearedInitial = _g[1];
+    var inputValue = touched || hasClearedInitial ? searchValue : initialValue || '';
+    return (jsx(Dropdown, { options: renderOptions(), maxHeight: 250, closeOnSelect: true, children: function (store) { return (jsx(Input, { hideLabel: true, label: "Search", placeholder: placeholder, onClick: function () {
+                return !disabled &&
+                    searchValue.length >= minCharactersToShowDropdown &&
+                    store.toggleDropdown();
+            }, value: inputValue, onChange: function (event) {
+                setTouched(true);
+                setHasClearedInitial(true);
+                var value = event.currentTarget.value;
+                onSearchChange(value);
+                if (!store.dropdownOpened &&
+                    value.length >= minCharactersToShowDropdown) {
+                    store.openDropdown();
+                }
+                if (value === '') {
+                    store.resetSelectedOption();
+                    store.closeDropdown();
+                }
+            }, holdSpace: false, leftSection: jsx(Search, {}), rightSection: jsx(ActionIcon, { radius: "sm", variant: "light", onClick: function () {
+                    setHasClearedInitial(true);
+                    setTouched(true);
+                    onSearchChange('');
+                    onClear === null || onClear === undefined ? undefined : onClear();
+                    store.resetSelectedOption();
+                    store.closeDropdown();
+                }, style: { visibility: inputValue ? 'visible' : 'hidden' }, children: jsx(Close, {}) }), onKeyDown: function (event) {
+                if (event.key !== 'Enter')
+                    return;
+                onOptionSubmit(null);
+                store.closeDropdown();
+            }, style: style })); } }));
+};
+Autocomplete.displayName = 'Autocomplete';
+
+var AvatarPlaceholder = function (_a) {
+    var width = _a.width, height = _a.height, viewBox = _a.viewBox, rotate = _a.rotate;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, rotate: rotate, stroke: "none", children: [jsx("ellipse", { cx: "11.755", cy: "5.818", fill: "var(--color-tertiary-200)", rx: "5.878", ry: "5.818" }), jsx("path", { fill: "var(--color-primary-300)", d: "M24 24H12 0c0-6.56 5.373-11.879 12-11.879s12 5.319 12 11.88z" })] }));
+};
+AvatarPlaceholder.displayName = 'AvatarPlaceholder';
+
+var badgeVariantMap = {
+    notes: {
+        backgroundColor: 'var(--color-neutral-100)',
+        color: 'var(--color-neutral-600)',
+    },
+    notice: {
+        backgroundColor: 'var(--color-yellow-100)',
+        color: 'var(--color-yellow-400)',
+    },
+    neutral: {
+        backgroundColor: 'var(--color-neutral-200)',
+        color: 'var(--color-neutral-600)',
+    },
+    info: {
+        backgroundColor: 'var(--color-orange-100)',
+        color: 'var(--color-orange-400)',
+    },
+    success: {
+        backgroundColor: 'var(--color-green-100)',
+        color: 'var(--color-green-400)',
+    },
+    warning: {
+        backgroundColor: 'var(--color-red-100)',
+        color: 'var(--color-red-400)',
+    },
+    primary: {
+        backgroundColor: 'var(--color-primary-50)',
+        color: 'var(--color-primary-300)',
+    },
+    positive: {
+        backgroundColor: 'var(--color-mint-200)',
+        color: 'var(--color-green-400)',
+    },
+    caution: {
+        backgroundColor: 'var(--color-copper-100)',
+        color: 'var(--color-yellow-400)',
+    },
+};
+var sizeMap$1 = {
+    small: {
+        textVariant: 'xxs',
+        padding: '4px 12px',
+    },
+    medium: {
+        textVariant: 'xs',
+        padding: '5px 12px',
+    },
+    large: {
+        textVariant: 's',
+        padding: '10px 16px 9px 16px',
+    },
+};
+var Badge = forwardRef(function (_a, ref) {
+    var _b, _c;
+    var style = _a.style, icon = _a.icon, variant = _a.variant, size = _a.size, label = _a.label;
+    var backgroundColor = (_b = badgeVariantMap[variant]) === null || _b === undefined ? undefined : _b.backgroundColor;
+    var color = (_c = badgeVariantMap[variant]) === null || _c === undefined ? undefined : _c.color;
+    var sizeStyles = sizeMap$1[size || 'small'];
+    return (jsxs(Flex, { gap: 8, w: "fit-content", bg: backgroundColor, p: sizeStyles.padding, align: "center", style: __assign(__assign({}, style), { borderRadius: 999, height: 'fit-content' }), ref: ref, children: [icon, jsx(Text, { variant: sizeStyles.textVariant, color: color, style: { lineHeight: 'normal' }, children: label })] }));
+});
+Badge.displayName = 'Badge';
+
+var styles$k = {"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--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$k["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$k.button, styles$k["button--".concat(size)], mode].join(' '), children: jsxs("div", { className: styles$k['button-flex'], children: [!!icon && icon, label ? (jsx(Text, { className: classNames(styles$k.label, styles$k["label-color--".concat(variant)], (_b = {},
+                        _b[styles$k["label-color--".concat(variant, "--disabled")]] = props.disabled,
+                        _b)), children: label })) : (children)] }) })));
+});
+Button.displayName = 'Button';
+
+var styles$j = {"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","variantNotes":"Card-module_variantNotes__ijG05","variantInfo":"Card-module_variantInfo__B26E9","variantPrimary":"Card-module_variantPrimary__9E-0B","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);
+};
+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$j.card, (_b = {},
+        _b[styles$j.mdShadow] = shadow === 'md',
+        _b[styles$j.lgShadow] = shadow === 'lg',
+        _b), styles$j["variant".concat(capitalize(variant))], styles$j["appearance".concat(capitalize(appearance))], styles$j["padding".concat(capitalize(padding))], styles$j["borderWidth".concat(capitalize(borderWidth))]);
+    return (jsxs("div", { className: cardClassName, style: style, children: [header, children, footer && jsx("div", { className: styles$j.footerDivider }), footer] }));
+};
+Card.displayName = 'Card';
+
+var styles$i = {"cardStatus":"CardStatus-module_cardStatus__5T4aF","cardStatus--leftIcon":"CardStatus-module_cardStatus--leftIcon__ULp9A"};
+
+var cardStatusVariantMap = {
+    notes: {
+        backgroundColor: 'var(--color-neutral-100)',
+    },
+    info: {
+        backgroundColor: 'var(--color-orange-100)',
+    },
+    success: {
+        backgroundColor: 'var(--color-green-100)',
+    },
+    warning: {
+        backgroundColor: 'var(--color-red-100)',
+    },
+};
+var sizeMap = {
+    small: {
+        textVariant: 'xxs',
+        padding: '8px 12px',
+    },
+    medium: {
+        textVariant: 'xs',
+        padding: '8px 12px',
+    },
+    large: {
+        textVariant: 's',
+        padding: '8px 16px',
+    },
+};
+var CardStatus = function (_a) {
+    var _b;
+    var icon = _a.icon, variant = _a.variant, size = _a.size, label = _a.label, leftIcon = _a.leftIcon;
+    var backgroundColor = variant
+        ? (_b = cardStatusVariantMap[variant]) === null || _b === undefined ? undefined : _b.backgroundColor
+        : undefined;
+    var sizeStyles = sizeMap[size || 'small'];
+    return (jsxs("div", { className: "".concat(styles$i.cardStatus, " ").concat(leftIcon ? styles$i['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$h = {"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.
+ * For single selections, use the RadioButton component.
+ *
+ * @param {boolean} checked - Indicates if the checkbox is checked.
+ * @param {string | JSX.Element} label - The label displayed next to the checkbox.
+ * @param {boolean} disabled - Whether the checkbox is disabled.
+ * @param {(e: React.ChangeEvent<HTMLInputElement>) => void} onChange - Callback fired when the selection changes.
+ * @param {string} id - The id of the checkbox.
+ *
+ * @returns {JSX.Element} The rendered Checkbox component adhering to the design system.
+ */
+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$h.labelWrapper,
+            label: classNames(styles$h.label, (_b = {},
+                _b[styles$h['label-disabled']] = disabled,
+                _b)),
+            input: styles$h.input,
+            inner: styles$h.inner,
+            icon: classNames((_c = {},
+                _c[styles$h['icon-disabled']] = disabled,
+                _c)),
+        } }, rest)));
+};
+Checkbox.displayName = 'Checkbox';
+
+var styles$g = {"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;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { d: "M19 9.69743L13.875 4.57242C13.815 4.50977 13.7429 4.4599 13.6631 4.42583C13.5833 4.39177 13.4975 4.37421 13.4107 4.37421C13.324 4.37421 13.2381 4.39177 13.1583 4.42583C13.0785 4.4599 13.0064 4.50977 12.9464 4.57242L7.82146 9.69743", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M19 17.2688L13.875 22.3938C13.815 22.4565 13.7429 22.5063 13.6631 22.5404C13.5833 22.5745 13.4975 22.592 13.4107 22.592C13.324 22.592 13.2381 22.5745 13.1583 22.5404C13.0785 22.5063 13.0064 22.4565 12.9464 22.3938L7.82146 17.2688", stroke: "#332F37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+};
+ChevronCollapse.displayName = 'ChevronCollapse';
+
+/**
+ * Chip component .
+ *
+ * @param {string} item - The item text or itemGroup displayed in the chip.
+ * @param {string[]} itemGroup - The filter items displayed in the dropdown menu.
+ * @param {(filter?: string) => void} handleDelete - Callback to chip deletion.
+ *
+ * @returns {JSX.Element} The rendered Chip component adhering to the design system.
+ */
+var Chip = function (_a) {
+    var item = _a.item, itemGroup = _a.itemGroup, handleDelete = _a.handleDelete;
+    var _b = useState(false), opened = _b[0], setOpened = _b[1];
+    if (itemGroup.length === 0)
+        return null;
+    // Just one filter
+    if (itemGroup.length === 1) {
+        return (jsxs(Flex, { className: styles$g['chip-wrapper'], children: [jsx(Text, { variant: "xs", weight: "regular", className: styles$g['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$g['chip-wrapper'], children: [jsxs(Flex, { className: styles$g['chip-wrapper-menu-text'], children: [jsx(Text, { variant: "xs", weight: "regular", children: item }), jsx(Flex, { className: "".concat(styles$g['chip-number'], " ").concat(itemGroup.length > 9 ? styles$g['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$g['chip-menu-dropdown'], children: itemGroup.map(function (f) { return (jsx(Menu$1.Item, { className: styles$g['chip-menu-item'], children: jsx(Checkbox, { label: jsxs(Flex, { className: styles$g['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';
+
+var dayjs_min$1 = {exports: {}};
+
+var dayjs_min = dayjs_min$1.exports;
+
+var hasRequiredDayjs_min;
+
+function requireDayjs_min () {
+	if (hasRequiredDayjs_min) return dayjs_min$1.exports;
+	hasRequiredDayjs_min = 1;
+	(function (module, exports) {
+		!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return undefined===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
+	} (dayjs_min$1));
+	return dayjs_min$1.exports;
+}
+
+var dayjs_minExports = requireDayjs_min();
+var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
+var customParseFormat$2 = {exports: {}};
+
+var customParseFormat$1 = customParseFormat$2.exports;
+
+var hasRequiredCustomParseFormat;
+
+function requireCustomParseFormat () {
+	if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
+	hasRequiredCustomParseFormat = 1;
+	(function (module, exports) {
+		!function(e,t){module.exports=t();}(customParseFormat$1,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return (e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t;}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},c={A:[o,function(e){this.afternoon=d(e,false);}],a:[o,function(e){this.afternoon=d(e,true);}],Q:[n,function(e){this.month=3*(e-1)+1;}],S:[n,function(e){this.milliseconds=100*+e;}],SS:[r,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[i,f("seconds")],ss:[i,f("seconds")],m:[i,f("minutes")],mm:[i,f("minutes")],H:[i,f("hours")],h:[i,f("hours")],HH:[i,f("hours")],hh:[i,f("hours")],D:[i,f("day")],DD:[r,f("day")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],w:[i,f("week")],ww:[r,f("week")],M:[i,f("month")],MM:[r,f("month")],MMM:[o,function(e){var t=u("months"),n=(u("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[o,function(e){var t=u("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,f("year")],YY:[r,function(e){this.year=a(e);}],YYYY:[/\d{4}/,f("year")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if("string"==typeof i)r+=i.length;else {var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(undefined!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=true,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if("string"==typeof a){var f=true===o[2],h=true===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date("")}}(t,a,r,n),this.init(),d&&true!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),s={};}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(""));}else i.call(this,e);};}})); 
+	} (customParseFormat$2));
+	return customParseFormat$2.exports;
+}
+
+var customParseFormatExports = requireCustomParseFormat();
+var customParseFormat = /*@__PURE__*/getDefaultExportFromCjs(customParseFormatExports);
+
+var Calendar = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { stroke: props.stroke, d: "M9.58333 5V7.75M22.4167 5V7.75M5 24.25V10.5C5 8.98122 6.23122 7.75 7.75 7.75H24.25C25.7688 7.75 27 8.98122 27 10.5V24.25M5 24.25C5 25.7688 6.23122 27 7.75 27H24.25C25.7688 27 27 25.7688 27 24.25M5 24.25V15.0833C5 13.5646 6.23122 12.3333 7.75 12.3333H24.25C25.7688 12.3333 27 13.5646 27 15.0833V24.25M16 16.9167H16.0092V16.9258H16V16.9167ZM16 19.6667H16.0092V19.6758H16V19.6667ZM16 22.4167H16.0092V22.4258H16V22.4167ZM13.25 19.6667H13.2592V19.6758H13.25V19.6667ZM13.25 22.4167H13.2592V22.4258H13.25V22.4167ZM10.5 19.6667H10.5092V19.6758H10.5V19.6667ZM10.5 22.4167H10.5092V22.4258H10.5V22.4167ZM18.75 16.9167H18.7592V16.9258H18.75V16.9167ZM18.75 19.6667H18.7592V19.6758H18.75V19.6667ZM18.75 22.4167H18.7592V22.4258H18.75V22.4167ZM21.5 16.9167H21.5092V16.9258H21.5V16.9167ZM21.5 19.6667H21.5092V19.6758H21.5V19.6667Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+Calendar.displayName = 'Calendar';
+
+dayjs.extend(customParseFormat);
+var dateParser = function (value) {
+    if (!value || value.length < 6)
+        return null;
+    var formats = [
+        'MMDDYYYY',
+        'MM DD YYYY',
+        'MM/DD/YYYY',
+        'MM / DD / YYYY',
+        'M D YYYY',
+        'M/D/YYYY',
+    ];
+    var parsedDate = dayjs(value, formats, true);
+    return parsedDate.isValid() ? parsedDate.toDate() : null;
+};
+/**
+ * DateInput component that extends the Mantine DateInput component.
+ *
+ * @param {string} placeholder - The placeholder text shown when no date is selected
+ * @param {string} name - The name of the input field.
+ * @param {Date | null} value - The selected date value.
+ * @param {string} label - The label text for the input field
+ * @param {Function} onChange - The function to call when the input value changes.
+ * @param {string} error - The error message to display below the input.
+ * @param {Function} onBlur - Callback function triggered when input loses focus.
+ * @param {boolean} holdSpace - Whether to reserve space for error message when no error is present.
+ * @param {boolean} hideLabel - Whether to hide the label when it's not required.
+ *
+ * @example
+ * <DateInput
+ *   label="Select Date"
+ *   placeholder="Select a date"
+ *   name="birthDate"
+ *   value={date}
+ *   onChange={(newDate) => setDate(newDate)}
+ *   error={date === null ? "Date is required" : undefined}
+ * />
+ */
+var DateInput = function (_a) {
+    var _b, _c;
+    var _d = _a.disabled, disabled = _d === undefined ? false : _d, error = _a.error, label = _a.label, onBlur = _a.onBlur, onChange = _a.onChange, placeholder = _a.placeholder, value = _a.value, _e = _a.holdSpace, holdSpace = _e === undefined ? true : _e, name = _a.name, _f = _a.hideLabel, hideLabel = _f === undefined ? false : _f, rest = __rest(_a, ["disabled", "error", "label", "onBlur", "onChange", "placeholder", "value", "holdSpace", "name", "hideLabel"]);
+    var _g = useState(false), isFocused = _g[0], setIsFocused = _g[1];
+    var _h = useState(false), isHovered = _h[0], setIsHovered = _h[1];
+    var showLabel = !hideLabel && (isFocused || value);
+    var placeHolderValue = showLabel ? placeholder : label;
+    var ErrorSection = useMemo(function () {
+        return holdSpace && (jsxs(Flex, { className: styles$m.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$m.errorText), children: capitalizeFirstSentenceLetter(error || '') })] }));
+    }, [error, holdSpace]);
+    var handleBlur = function (e) {
+        setIsFocused(false);
+        if (onBlur) {
+            onBlur(e);
+        }
+    };
+    return (jsxs("div", { className: styles$m.container, children: [showLabel && (jsx("label", { className: classNames(styles$m.label, (_b = {},
+                    _b[styles$m.labelError] = error && !isFocused,
+                    _b[styles$m.labelFocused] = isFocused || isHovered,
+                    _b[styles$m.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$m.input, (_c = {},
+                            _c[styles$m.inputError] = error,
+                            _c[styles$m.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$m.rightSection }, placeholder: placeHolderValue, value: value, onChange: onChange, onBlur: handleBlur, error: ErrorSection, inputWrapperOrder: ['label', 'input', 'error'], disabled: disabled }, rest)) })] }));
+};
+DateInput.displayName = 'DateInput';
+
+var styles$f = {"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$f['code-input'],
+        styles$f["code-input--".concat(props.inline)],
+    ].join(' ');
+    if (props.error) {
+        className = [className, styles$f['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$e = {"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$d = {"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;
+    return (jsx(Icon, { width: width, height: height, viewBox: viewBox, stroke: stroke, children: jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 8v8h6m6 0c0 6.627-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4s12 5.373 12 12z" }) }));
+};
+Clock.displayName = 'Clock';
+
+var Document = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M24.885 8.552l-3.77-3.77c-.5-.5-1.179-.782-1.886-.782H9.667A2.666 2.666 0 007 6.667v18.666A2.666 2.666 0 009.667 28H23a2.666 2.666 0 002.667-2.667V10.437c0-.706-.282-1.385-.782-1.885v0z", clipRule: "evenodd" }), jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M25.667 10.667h-5.334A1.334 1.334 0 0119 9.333V4" })] })));
+};
+Document.displayName = 'Document';
+
+var Tick = 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.outlined, outlined = _g === undefined ? false : _g;
+    return (jsx(Icon, { width: width, height: height, viewBox: viewBox, children: outlined ? (jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })) : (jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M26.667 8.667L12 23.333l-6.667-6.666" })) }));
+};
+Tick.displayName = 'Tick';
+
+var validateFile = function (file, maxSize, acceptedFormats) {
+    var _a;
+    if (file.size > maxSize * 1024 * 1024) {
+        return {
+            isValid: false,
+            error: "File size must be less than ".concat(maxSize, "MB"),
+        };
+    }
+    var fileExtension = '.' + ((_a = file.name.split('.').pop()) === null || _a === undefined ? undefined : _a.toLowerCase());
+    if (!acceptedFormats.includes(fileExtension)) {
+        return {
+            isValid: false,
+            error: "File must be ".concat(acceptedFormats.join(', ')),
+        };
+    }
+    return { isValid: true };
+};
+var getIcon$1 = function (status) {
+    switch (status) {
+        case 'uploaded':
+            return (jsx(Tick, { outlined: true, stroke: "var(--color-green-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24" }));
+        case 'failed':
+            return (jsx(Info, { stroke: "var(--color-red-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24" }));
+        case 'duplicate':
+            return (jsx(Info, { stroke: "var(--color-orange-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24" }));
+        case 'uploading':
+            return (jsx(Clock, { stroke: "var(--color-neutral-400)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 32 32" }));
+        case 'previously-uploaded':
+            return (jsx(Document, { stroke: "var(--color-neutral-600)", width: "1.5rem", height: "1.5rem", viewBox: "0 0 32 32" }));
+        default:
+            return null;
+    }
+};
+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$d.fileMessage, color: "var(--color-red-400)", children: [jsx("strong", { children: errorReason }), " - ", errorMessage] }));
+        }
+        return (jsx(Text, { className: styles$d.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$d.fileMessage, color: "var(--color-orange-400)", children: [jsx("strong", { children: errorReason }), " - ", errorMessage] }));
+        }
+        return (jsx(Text, { className: styles$d.fileMessage, color: "var(--color-orange-400)", children: message }));
+    }
+    if (status === 'uploading') {
+        return (jsxs(Flex, { align: "center", gap: 24, children: [jsx(Flex, { className: styles$d.progressBar, children: jsx(Flex, { className: styles$d.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$d.fileMessage, color: "var(--color-green-400)", children: message }));
+    }
+    if (status === 'uploaded') {
+        return (jsx(Text, { className: styles$d.fileMessage, color: "var(--color-green-400)", children: message }));
+    }
+    return null;
+};
+var parseFileSize = function (size) {
+    if (size < 1024) {
+        return "".concat(size, " B");
+    }
+    if (size < 1024 * 1024) {
+        return "".concat((size / 1024).toFixed(2), " KB");
+    }
+    return "".concat((size / (1024 * 1024)).toFixed(2), " MB");
+};
+
+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$d.fileItem, children: [jsxs("div", { className: styles$d.fileInfo, children: [getIcon$1(status), jsxs(Flex, { direction: "column", w: "100%", children: [jsx(Text, { className: styles$d.fileName, children: name }), jsx(Text, { className: styles$d.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';
+
+var Upload = function (props) {
+    return (jsxs(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 42 42', stroke: props.stroke || 'currentColor', children: [jsx("path", { d: "M16.5007 25.8333V16.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M13.6113 19.1667L16.5007 16.2773L19.39 19.1667", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M21.8326 25.8334H25.2459C27.8166 25.8334 29.9126 23.7374 29.9126 21.1667C29.9126 18.5961 27.8166 16.5001 25.2459 16.5001H24.6659V15.1667C24.6659 10.7534 21.0793 7.16675 16.6659 7.16675C12.6966 7.16675 9.40594 10.0707 8.78194 13.8641C5.6126 14.0254 3.08594 16.6241 3.08594 19.8334C3.08594 23.1467 5.7726 25.8334 9.08594 25.8334H11.1659", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+Upload.displayName = 'Upload';
+
+var FileInput = function (_a) {
+    var _b;
+    var _c = _a === undefined ? {} : _a, _d = _c.files, files = _d === undefined ? [] : _d, _e = _c.maxSize, maxSize = _e === undefined ? 25 : _e, _f = _c.acceptedFormats, acceptedFormats = _f === undefined ? ['.pdf', '.jpg', '.jpeg', '.png'] : _f, onFileSelect = _c.onFileSelect, onFileRemove = _c.onFileRemove, _g = _c.label, label = _g === undefined ? 'documents' : _g, _h = _c.helperText, helperText = _h === undefined ? '' : _h, _j = _c.errorMessage, errorMessage = _j === undefined ? 'Please remove failed document and try again' : _j, disabled = _c.disabled;
+    var _k = useState(false), isDragging = _k[0], setIsDragging = _k[1];
+    var handleFiles = function (newFiles) {
+        var newFilesArray = Array.from(newFiles);
+        var newFileUploads = newFilesArray.map(function (file) {
+            var checkedFile = validateFile(file, maxSize, acceptedFormats);
+            return {
+                file: file,
+                id: "".concat(file.name, "-").concat(Date.now()),
+                name: file.name,
+                size: file.size,
+                status: checkedFile.isValid
+                    ? 'uploading'
+                    : 'failed',
+                message: checkedFile.isValid ? 'Uploading...' : checkedFile.error,
+                progress: checkedFile.isValid ? 0 : undefined,
+            };
+        });
+        onFileSelect === null || onFileSelect === undefined ? undefined : onFileSelect(__spreadArray(__spreadArray([], files, true), newFileUploads, true));
+    };
+    var handleDragOver = function (e) {
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    var handleDragLeave = function (e) {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    var handleDrop = function (e) {
+        e.preventDefault();
+        setIsDragging(false);
+        handleFiles(e.dataTransfer.files);
+    };
+    var handleFileInput = function (e) {
+        var _a;
+        if ((_a = e.target.files) === null || _a === undefined ? undefined : _a.length) {
+            handleFiles(e.target.files);
+        }
+    };
+    var removeFile = function (fileId) {
+        onFileRemove === null || onFileRemove === undefined ? undefined : onFileRemove(fileId);
+    };
+    var color = "var(--color-neutral-".concat(disabled ? 500 : 600, ")");
+    var fileFormatText = "File format must be ".concat(acceptedFormats
+        .join(', ')
+        .slice('.'.length)
+        .toUpperCase(), ". Max file size: ").concat(maxSize, "MB");
+    return (jsxs(Fragment, { children: [jsx("div", { className: styles$e.container, children: jsxs("div", { className: classNames(styles$e.dropzone, (_b = {},
+                        _b[styles$e.dragging] = isDragging,
+                        _b[styles$e.disabled] = disabled,
+                        _b)), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsx("input", { type: "file", accept: acceptedFormats.join(','), onChange: handleFileInput, className: styles$e.input, "aria-label": label, disabled: disabled, multiple: true }), jsx("div", { className: styles$e.icon, children: jsx(Upload, { stroke: color, width: "2.6rem", height: "2.6rem", viewBox: "0 0 40 40" }) }), jsxs("div", { className: styles$e.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$e.fileFormatText, color: color, children: fileFormatText })] })] }) }), files.some(function (f) { return f.status === 'failed'; }) ? (jsx(Text, { variant: "xs", className: styles$e.helper, children: errorMessage })) : (jsx(Text, { variant: "xs", className: styles$e.helper, children: helperText })), files.length > 0 && (jsx(Flex, { className: styles$e.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$c = {"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$c['flex'], children: [props.disableDecrease ? (jsx("div", { style: { width: 24 } })) : (jsx("button", { className: styles$c['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$c['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 EyeHide = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16 25.333c-1.123 0-2.247-.237-3.339-.66M16 25.333c4.66 0 9.32-4.044 11.843-8.709.209-.388.209-.859 0-1.247a20.174 20.174 0 00-2.404-3.482M6.667 25.333L25.333 6.667M13.031 18.969a4.2 4.2 0 015.94-5.94m3.754-3.754C20.663 7.679 18.331 6.667 16 6.667c-4.66 0-9.32 4.044-11.843 8.71-.209.388-.209.859 0 1.247 1.262 2.332 3.056 4.508 5.118 6.103" }) })));
+};
+EyeHide.displayName = 'EyeHide';
+
+var EyeShow = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M18.83 13.173a4.005 4.005 0 010 5.66 4.005 4.005 0 01-5.66 0 4.005 4.005 0 010-5.66 4 4 0 015.66 0z", clipRule: "evenodd" }), jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M4 16c0-.879.203-1.748.595-2.55C6.615 9.322 11.079 6.668 16 6.668c4.921 0 9.385 2.654 11.405 6.784.392.801.595 1.67.595 2.549s-.203 1.748-.595 2.55c-2.02 4.129-6.484 6.783-11.405 6.783-4.921 0-9.385-2.654-11.405-6.784A5.795 5.795 0 014 16z", clipRule: "evenodd" })] })));
+};
+EyeShow.displayName = 'EyeShow';
+
+/**
+ * PasswordInput component
+ * It allows toggling visibility of the password.
+ * It extends the Input component.
+ *
+ * @param {string} name - The name of the input password field.
+ * @param {string} label - The label for the input password field.
+ * @param {string} placeholder - The placeholder text for the input password field.
+ * @param {string} value - The value of the input password field.
+ * @param {function} onChange - The function to call when the input password value changes.
+ * @param {function} onBlur - The function to call when the input password loses focus.
+ * @param {string} error - The error message to display.
+ * @param {boolean} disabled - Whether to disable the input password field.
+ * @param {boolean} defaultVisible - Whether to show the password by default.
+ *
+ * @return Attaches PasswordInput to target element and displays options
+ *
+ * @example
+ * <PasswordInput
+ *   name="password"
+ *   label="Password"
+ *   placeholder="Password"
+ *   value={password}
+ *   onChange={(e) => setPassword(e.target.value)}
+ *   onBlur={() => console.log('Password blurred')}
+ *   error="Password is required"
+ * />
+ *
+ */
+var PasswordInput = function (_a) {
+    var name = _a.name, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error, _b = _a.disabled, disabled = _b === undefined ? false : _b, _c = _a.defaultVisible, defaultVisible = _c === undefined ? false : _c, rest = __rest(_a, ["name", "label", "placeholder", "value", "onChange", "onBlur", "error", "disabled", "defaultVisible"]);
+    var _d = useState(defaultVisible), showPassword = _d[0], setShowPassword = _d[1];
+    var togglePasswordVisibility = function () {
+        setShowPassword(function (prevShowPassword) { return !prevShowPassword; });
+    };
+    return (jsx(Input, __assign({ "data-testid": name, name: name, label: label, disabled: disabled, placeholder: placeholder, type: showPassword ? 'text' : 'password', value: value, onChange: onChange, onBlur: onBlur, error: error, rightSection: jsx(Flex, { onClick: !disabled ? togglePasswordVisibility : undefined, align: 'center', style: {
+                cursor: !disabled ? 'pointer' : 'default',
+                opacity: disabled ? 0.5 : 1,
+            }, children: showPassword ? (jsx(EyeShow, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) : (jsx(EyeHide, { width: "32px", height: "32px", stroke: "var(--color-neutral-600)" })) }) }, rest)));
+};
+PasswordInput.displayName = 'PasswordInput';
+
+var styles$b = {"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"};
+
+/**
+ *
+ * Link component is used to create hyperlinks to navigate to different URLs
+ * You can control the appearance and behavior of the link using various props
+ *
+ * @param variant - Link variant (e.g., 's', 'm')
+ * @param weight - Link weight (e.g., 'medium')
+ * @param href - URL the link points to
+ * @param target - Specifies where to open the linked document (e.g., '_self', '_blank')
+ * @param disabledUnderlined - If true, the link will not be underlined
+ * @param rel - Specifies the relationship between the current document and the linked document
+ * @param children - The content of the link
+ *
+ * @example
+ * <Link href="https://example.com" target="_blank" rel="noopener noreferrer">
+ *   Visit Example
+ * </Link>
+ *
+ * @example
+ * <Link href="https://example.com" noUnderline>
+ *   Visit Example without Underline
+ * </Link>
+ *
+ * @returns Rendered Link component
+ */
+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$b['link'],
+            styles$b[variant || ''],
+            styles$b[weight || ''],
+            disabledUnderlined ? styles$b['disabledUnderlined'] : '',
+        ].join(' '), children: children })));
+};
+Link.displayName = 'Link';
+
+var styles$a = {"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;
+    var handleClose = function () {
+        if (onClose) {
+            onClose();
+        }
+    };
+    var sizeMap = {
+        sm: '512px',
+        md: '646px',
+        lg: '780px',
+        xl: '900px',
+        full: '100%',
+    };
+    var paddingMap = {
+        sm: '4px 24px 32px 24px',
+        md: '4px 64px 64px 64px',
+    };
+    return (jsxs(Modal$1, { opened: isOpen, onClose: handleClose, withCloseButton: onClose !== undefined, size: sizeMap[size], fullScreen: size === 'full', radius: customRadius, closeButtonProps: {
+            'aria-label': 'Close modal',
+            title: 'Close modal',
+            icon: jsx(Close, { fill: "var(--color-neutral-200)" }),
+        }, classNames: {
+            content: styles$a.modal,
+            body: styles$a.body,
+            header: styles$a.header,
+        }, styles: {
+            body: {
+                padding: paddingMap[padding],
+            },
+        }, centered: true, children: [children, jsxs(Flex, { direction: 'column', gap: 16, w: 312, children: [noLabel && (jsx(Button, { variant: invertColors ? 'filled' : 'outlined', onClick: no, label: noLabel })), yesLabel && (jsx(Button, { variant: invertColors ? 'outlined' : 'filled', onClick: yes, label: yesLabel }))] }), underButton] }));
+};
+Modal.displayName = 'Modal';
+
+var LinkModal = function (props) {
+    var _a = React.useState(false), modalIsOpen = _a[0], setModalIsOpen = _a[1];
+    return (jsxs(Fragment, { children: [jsx("a", { onClick: function () { return setModalIsOpen(!modalIsOpen); }, children: jsx(Text, { variant: "xs", weight: "regular", color: "var(--color-primary-300)", style: {
+                        textDecoration: 'underline',
+                    }, children: props.label }) }), jsx(Modal, { isOpen: modalIsOpen, onClose: function () { return setModalIsOpen(false); }, children: props.children })] }));
+};
+LinkModal.displayName = 'LinkModal';
+
+var Warning = 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.fill, fill = _e === undefined ? 'transparent' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f, _g = _a.rotate, rotate = _g === undefined ? 0 : _g, _h = _a.strokeWidth, strokeWidth = _h === undefined ? 1.5 : _h;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, style: {
+            transition: 'transform 0.25s ease',
+            transform: "rotate(".concat(rotate, "deg)"),
+        }, children: [jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M12.001 16a.25.25 0 10-.002-.5.25.25 0 00.002.5" }), jsx("path", { fillRule: "evenodd", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M12 3v0a9 9 0 019 9v0a9 9 0 01-9 9v0a9 9 0 01-9-9v0a9 9 0 019-9z", clipRule: "evenodd" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M12 12V7" })] }));
+};
+Warning.displayName = 'Warning';
+
+var styles$9 = {"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","center":"Message-module_center__Y4KjG","top":"Message-module_top__J-o9d","bottom":"Message-module_bottom__2p2bW"};
+
+/**
+ * Message component for displaying feedback to the user.
+ * The message can be positive, negative, alert, or general.
+ *
+ * @param {string | ReactNode} content - The message to display, or a ReactNode for more complex messages.
+ * @param {string} variant - The variant of the message (currently only in form).
+ * @param {string} status - The status of the message, controls the icon and colors used.
+ * @param {string} iconAlignment - The alignment of the icon (top, center, bottom).
+ *
+ * @returns {JSX.Element} The rendered Message component with one of the status icons and the message text.
+ *
+ */
+var getIcon = function (status) {
+    switch (status) {
+        case 'positive':
+            return (jsx(Tick, { outlined: true, height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-secondary-500)" }));
+        case 'negative':
+            return (jsx(Close, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-red-400)", outlined: true }));
+        case 'alert':
+            return (jsx(Warning, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-orange-400)" }));
+        case 'general':
+            return (jsx(Info, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-primary-400)" }));
+        default:
+            return (jsx(Info, { height: "1.5rem", width: "1.5rem", viewBox: "0 0 24 24", stroke: "var(--color-primary-400)" }));
+    }
+};
+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$9.message, styles$9[status], styles$9[variant]), children: [jsx(Flex, { className: styles$9[iconAlignment], children: getIcon(status) }), typeof content === 'string' ? (jsx(Text, { variant: "xs", children: content })) : (content)] }));
+};
+Message.displayName = 'Message';
+
+var navBarStyles = {"navbar":"NavBar-module_navbar__3OCDa","navbar--dropdown-open":"NavBar-module_navbar--dropdown-open__TvIog","menu":"NavBar-module_menu__fGeeH","menuItem":"NavBar-module_menuItem__8KGYg","menuItemText":"NavBar-module_menuItemText__Kxzya","menuItemText--bold":"NavBar-module_menuItemText--bold__yk0mx","subnav":"NavBar-module_subnav__La94z","subnavItem":"NavBar-module_subnavItem__5tx9r","rightContent":"NavBar-module_rightContent__0OzKi","overlay":"NavBar-module_overlay__vFvhS"};
+
+var Umbrello = function (props) {
+    return (jsx(Icon, __assign({}, props, { stroke: "none", children: jsx("path", { fill: props.fill, d: "M69.83 6.6h-3.982v8.951c0 2.41-1.554 4.167-3.788 4.167-2.007 0-3.4-1.563-3.4-3.809V6.6h-3.95v10.157c0 3.841 2.397 6.51 6.055 6.51 2.331 0 4.177-1.009 5.083-2.8v2.54h3.982V6.599zM72.263 23.006h3.982v-9.408c0-2.311 1.327-3.841 3.431-3.841 1.91 0 3.109 1.53 3.109 3.841v9.408h3.95v-9.408c0-2.311 1.327-3.841 3.464-3.841 1.91 0 3.108 1.53 3.108 3.841v9.408h3.95V12.394c0-3.483-2.267-6.055-5.796-6.055-2.59 0-4.662 1.432-5.406 3.125-.713-2.018-2.493-3.125-5.084-3.125-2.298 0-3.917 1.172-4.726 2.832V6.599h-3.983v16.407zM108.583 23.266c4.888 0 7.77-3.45 7.77-8.463 0-5.014-2.882-8.464-7.706-8.464-2.104 0-3.852.911-4.791 2.246V.733h-3.95v22.273h3.95v-2.05c.939 1.431 2.752 2.31 4.727 2.31zm-.583-3.45c-2.655 0-4.403-1.986-4.403-5.013 0-3.028 1.748-5.014 4.403-5.014 2.655 0 4.403 1.986 4.403 5.014 0 3.027-1.748 5.013-4.403 5.013zM127.996 9.952V6.6h-1.91c-2.105 0-3.367.814-4.177 2.897V6.6h-3.982v16.407h3.982v-7.748c0-3.125 1.004-5.306 3.529-5.306h2.558zM139.79 17.537c-.421 1.563-1.749 2.409-3.788 2.409-2.525 0-4.209-1.693-4.5-4.33h12.043c.033-.325.065-.813.065-1.367 0-3.906-2.46-7.91-7.932-7.91-5.342 0-7.997 4.069-7.997 8.399 0 4.296 2.979 8.528 8.321 8.528 4.014 0 7.058-2.246 7.673-5.729h-3.885zm-4.112-8.203c2.363 0 3.788 1.562 3.95 3.646h-8.029c.421-2.474 1.845-3.646 4.079-3.646zM145.449 23.006h3.95V.733h-3.95v22.273zM152.283 23.006h3.95V.733h-3.95v22.273zM166.564 23.266c4.954 0 8.515-3.58 8.515-8.463 0-4.883-3.561-8.464-8.515-8.464-4.986 0-8.547 3.58-8.547 8.464 0 4.883 3.561 8.463 8.547 8.463zm0-3.45c-2.719 0-4.532-2.051-4.532-5.013 0-2.963 1.813-5.014 4.532-5.014 2.687 0 4.5 2.051 4.5 5.014 0 2.962-1.813 5.013-4.5 5.013zM.004 23.266a22.293 22.293 0 011.541-8.59A22.123 22.123 0 016.26 7.36a21.876 21.876 0 017.152-4.903 21.7 21.7 0 0116.948 0 21.876 21.876 0 017.152 4.903 22.126 22.126 0 014.714 7.317 22.295 22.295 0 011.541 8.59H.004z" }) })));
+};
+Umbrello.displayName = 'Umbrello';
+
+var NavBar = function (_a) {
+    var _b;
+    var homePath = _a.homePath, logo = _a.logo, links = _a.links, rightContent = _a.rightContent, currentPath = _a.currentPath, onLinkClick = _a.onLinkClick, rest = __rest(_a, ["homePath", "logo", "links", "rightContent", "currentPath", "onLinkClick"]);
+    var _c = useState(null), expandedIdx = _c[0], setExpandedIdx = _c[1];
+    var _d = useState(0), dropdownHeight = _d[0], setDropdownHeight = _d[1];
+    var dropdownRef = useRef(null);
+    useLayoutEffect(function () {
+        if (expandedIdx !== null && dropdownRef.current) {
+            setDropdownHeight(dropdownRef.current.offsetHeight);
+        }
+        else {
+            setDropdownHeight(0);
+        }
+    }, [expandedIdx, links]);
+    var isSubitemActive = function (item) { var _a; return (_a = item.subitems) === null || _a === undefined ? undefined : _a.some(function (sub) { return currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href); }); };
+    var handleNavigation = function (e, href) {
+        if (!href)
+            return;
+        if (onLinkClick) {
+            e.preventDefault();
+            onLinkClick(href);
+        }
+    };
+    return (jsxs(Fragment, { children: [expandedIdx !== null && jsx(Box, { className: navBarStyles.overlay }), jsxs(Flex, __assign({ bg: "var(--color-white)", align: "center", justify: "space-between", component: "nav", gap: 16, className: navBarStyles.navbar +
+                    (expandedIdx !== null
+                        ? ' ' + navBarStyles['navbar--dropdown-open']
+                        : '') }, rest, { style: __assign({ position: 'relative' }, (expandedIdx !== null
+                    ? (_b = {}, _b['--navbar-dropdown-height'] = "".concat(dropdownHeight, "px"), _b) : {})), children: [jsx("a", { href: homePath || '/', style: { zIndex: 999 }, children: logo || (jsx(Umbrello, { fill: "var(--color-neutral-600)", width: "200", height: "40", viewBox: "0 0 200 40" })) }), jsxs(Flex, { align: "center", role: "menubar", className: navBarStyles.menu, children: [jsx(Flex, { role: "menu", gap: 24, children: links === null || links === undefined ? undefined : links.map(function (item, idx) {
+                                    var _a, _b, _c;
+                                    var hasSubitems = !!((_a = item.subitems) === null || _a === undefined ? undefined : _a.length);
+                                    var subActive = isSubitemActive(item);
+                                    return (jsxs(Box, { className: navBarStyles.menuItem, onMouseEnter: function () {
+                                            hasSubitems && setExpandedIdx(idx);
+                                        }, onMouseLeave: function () {
+                                            setExpandedIdx(null);
+                                        }, children: [hasSubitems ? (jsx(Text, { className: navBarStyles.menuItemText +
+                                                    (subActive
+                                                        ? ' ' + navBarStyles['menuItemText--bold']
+                                                        : ''), "data-text": item.title, children: item.title })) : (jsx("a", { onClick: function (e) {
+                                                    setExpandedIdx(null);
+                                                    handleNavigation(e, item.href);
+                                                }, className: navBarStyles.menuItemText, href: (_b = item.href) !== null && _b !== undefined ? _b : '', "data-text": item.title, children: item.title })), expandedIdx === idx && hasSubitems && (jsx(Flex, { className: navBarStyles.subnav, direction: "column", ref: dropdownRef, children: (_c = item === null || item === undefined ? undefined : item.subitems) === null || _c === undefined ? undefined : _c.map(function (sub) { return (jsx("a", { href: sub.href, onClick: function (e) {
+                                                        setExpandedIdx(null);
+                                                        handleNavigation(e, sub.href);
+                                                    }, className: navBarStyles.subnavItem +
+                                                        ((currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href))
+                                                            ? ' ' + navBarStyles['menuItemText--bold']
+                                                            : ''), children: sub.title }, sub.href)); }) }))] }, item.title));
+                                }) }), jsx(Box, { className: navBarStyles.rightContent, children: rightContent })] })] }))] }));
+};
+NavBar.displayName = 'NavBar';
+
+var Pagination = function (_a) {
+    var onChange = _a.onChange, value = _a.value, total = _a.total, disabled = _a.disabled;
+    return (jsx(Pagination$1, { radius: "xl", previousIcon: function () { return jsx(Chevron, {}); }, nextIcon: function () { return jsx(Chevron, { rotate: 180 }); }, onChange: onChange, value: value, total: total, styles: { control: { border: 'none', color: 'black' } }, color: "var(--color-neutral-300)", disabled: disabled }));
+};
+Pagination.displayName = 'Pagination';
+
+var styles$8 = {"radio":"RadioButton-module_radio__0A47m","label":"RadioButton-module_label__4gTzQ","disabled-label":"RadioButton-module_disabled-label__Nk0NW"};
+
+/**
+ * RadioButton component for selecting a single option from a set (mutually exclusive options).
+ * For multiple selections, use the Checkbox component.
+ *
+ * @param {string} label - The label displayed next to the radio button.
+ * @param {string} value - The value associated with the radio button.
+ * @param {boolean} selected - Indicates if the radio button is selected.
+ * @param {(value: string) => void} onChange - Callback fired when the selection changes.
+ * @param {boolean} [disabled] - Whether the radio button is disabled.
+ * @returns {JSX.Element} The rendered RadioButton component adhering to the design system.
+ */
+var RadioButton = function (_a) {
+    var _b;
+    var label = _a.label, value = _a.value, selected = _a.selected, onChange = _a.onChange, disabled = _a.disabled;
+    return (jsx(Radio, { label: label, value: value, checked: selected, disabled: disabled, onChange: function () { return onChange(value); }, variant: "outline", color: "var(--color-primary-300)", classNames: {
+            radio: styles$8.radio,
+            label: classNames(styles$8.label, (_b = {},
+                _b[styles$8['disabled-label']] = disabled,
+                _b)),
+        } }));
+};
+RadioButton.displayName = 'RadioButton';
+
+var styles$7 = {"root":"SegmentedControl-module_root__iVJTH","control":"SegmentedControl-module_control__siwFH","input":"SegmentedControl-module_input__HW-AN","label":"SegmentedControl-module_label__V69j4","indicator":"SegmentedControl-module_indicator__IxU-O"};
+
+/**
+ * SegmentedControl component for selecting a single option from a set (mutually exclusive options).
+ * This is variant of the RadioButton component that can use icons and has a card like styling.
+ * For multiple selections, use the Checkbox component.
+ *
+ * @param {SegmentedControlItem[]} data - An array of objects containing value, label, icon and disabled status for each option.
+ * @param {string} value - The value associated with the selected option.
+ * @param {(value: string) => void} onChange - Callback fired when the selection changes.
+ * @returns {JSX.Element} The rendered SegmentedControl component adhering to the design system.
+ */
+var SegmentedControl = function (_a) {
+    var data = _a.data, value = _a.value, onChange = _a.onChange;
+    return (jsx(SegmentedControl$1, { classNames: {
+            root: styles$7.root,
+            control: styles$7.control,
+            input: styles$7.input,
+            label: styles$7.label,
+            indicator: styles$7.indicator,
+        }, data: data.map(function (item) { return (__assign(__assign({}, item), { label: typeof item.label === 'string' ? (jsxs(Flex, { align: "center", direction: "column", gap: 8, children: [item.icon, jsx(Text, { variant: "m", color: item.disabled
+                            ? 'var(--color-neutral-500)'
+                            : 'var(--color-neutral-600)', style: { margin: 0 }, children: item.label })] })) : (item.label) })); }), value: value, onChange: onChange, fullWidth: true }));
+};
+SegmentedControl.displayName = 'SegmentedControl';
+
+var styles$6 = {"container":"Select-module_container__T9nVd","input":"Select-module_input__9enOc","inputError":"Select-module_inputError__gLKOh","chevron":"Select-module_chevron__L2z6W","default-label":"Select-module_default-label__wOXLe","label":"Select-module_label__M1IjA","labelFocused":"Select-module_labelFocused__fd8Sl","labelError":"Select-module_labelError__GbSpn","dropdown":"Select-module_dropdown__H0jM5","option":"Select-module_option__cTFdq","description":"Select-module_description__buJVC","error":"Select-module_error__-VDAX","errorText":"Select-module_errorText__nNHjr"};
+
+/**
+ * Select component, use it to select an option from a list of options
+ * For selecting multiple options, use the MultipleSelect component
+ *
+ * @param {string} label - The label of the select
+ * @param {string} placeholder - The placeholder of the select
+ * @param {string} value - The value of the select
+ * @param {(value: string) => void} onChange - The function to call when the value changes
+ * @param {string} error - The error message to display
+ * @param {string} description - The description to display
+ * @param {OptionsType[]} data - The data to display in the select
+ * @param {boolean} disabled - Disable the entire select
+ * @param {boolean} searchale - Enable searching in the select
+ *
+ * @returns {React.ReactElement} The Select component
+ *
+ */
+var Select = function (_a) {
+    var _b, _c;
+    var error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, name = _a.name, data = _a.data, _d = _a.disabled, disabled = _d === undefined ? false : _d, _e = _a.searchable, searchable = _e === undefined ? true : _e, renderOption = _a.renderOption;
+    var _f = useState(false), isFocused = _f[0], setIsFocused = _f[1];
+    var _g = useState(false), isHovered = _g[0], setIsHovered = _g[1];
+    var _h = useState(false), isOpen = _h[0], setIsOpen = _h[1];
+    var allowedValues = useMemo(function () { return data.map(function (option) { return option.value; }); }, [data]);
+    var showLabel = isFocused || value;
+    var placeHolderValue = showLabel ? placeholder : label;
+    var ErrorSection = useMemo(function () { return (jsxs(Flex, { className: styles$6.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$6.errorText), children: error })] })); }, [error]);
+    var handleBlur = function () {
+        setIsFocused(false);
+        if (onBlur) {
+            onBlur();
+        }
+        if (value && !allowedValues.includes(value)) {
+            onChange === null || onChange === undefined ? undefined : onChange(null);
+        }
+    };
+    return (jsxs("div", { className: styles$6.container, children: [showLabel && (jsx("label", { className: classNames(styles$6.label, (_b = {},
+                    _b[styles$6.labelError] = error && !isFocused,
+                    _b[styles$6.labelFocused] = isFocused || isHovered,
+                    _b)), children: label })), jsx("div", { onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, children: jsx(Select$1, { classNames: {
+                        input: classNames(styles$6.input, (_c = {},
+                            _c[styles$6.inputError] = error,
+                            _c)),
+                        label: styles$6['default-label'],
+                        dropdown: styles$6.dropdown,
+                        option: styles$6.option,
+                    }, data: data, placeholder: placeHolderValue, value: value, name: name || '', onChange: onChange, comboboxProps: { zIndex: 1000 }, error: ErrorSection, onFocus: function () { return setIsFocused(true); }, onBlur: handleBlur, inputWrapperOrder: ['label', 'input', 'description', 'error'], description: !error && description && jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$6.description }, errorProps: { className: styles$6.error }, rightSection: jsx(Chevron, { rotate: isOpen ? 90 : 270 }), rightSectionPointerEvents: "none", rightSectionProps: {
+                        className: styles$6.chevron,
+                    }, withCheckIcon: false, onDropdownOpen: function () { return setIsOpen(true); }, onDropdownClose: function () { return setIsOpen(false); }, disabled: disabled, searchable: searchable, allowDeselect: false, autoComplete: "new-password", renderOption: renderOption }) })] }));
+};
+Select.displayName = 'Select';
+
+var variantMap = {
+    gray: {
+        backgroundColor: 'var(--color-neutral-200)',
+        color: 'var(--color-neutral-500)',
+    },
+    green: {
+        backgroundColor: 'var(--color-green-100)',
+        color: 'var(--color-green-400)',
+    },
+    purple: {
+        backgroundColor: 'var(--color-primary-50)',
+        color: 'var(--color-primary-300)',
+    },
+    orange: {
+        backgroundColor: 'var(--color-orange-100)',
+        color: 'var(--color-orange-400)',
+    },
+    red: {
+        backgroundColor: 'var(--color-red-100)',
+        color: 'var(--color-red-400)',
+    },
+};
+var StatusBadge = function (props) {
+    var _a, _b;
+    var backgroundColor = ((_a = variantMap[props.variant]) === null || _a === undefined ? undefined : _a.backgroundColor) || 'var(--color-neutral-400)';
+    var color = ((_b = variantMap[props.variant]) === null || _b === undefined ? undefined : _b.color) || 'var(--color-jet-black)';
+    return (jsxs("div", { style: __assign(__assign({}, props.style), { backgroundColor: backgroundColor, padding: "".concat(props.small ? 0 : 6, "px 14px"), borderRadius: 999, width: 'fit-content', display: 'flex', alignItems: 'center', gap: 8 }), children: [props.icon, jsx(Text, { variant: "s", weight: "regular", style: {
+                    color: color,
+                    lineHeight: '16px',
+                    margin: '8px 0',
+                }, children: props.label })] }));
+};
+StatusBadge.displayName = 'StatusBadge';
+
+var Notification = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '18px' : _b, _c = _a.height, height = _c === undefined ? '18px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 18 18' : _d, _e = _a.fill, fill = _e === undefined ? 'var(--color-red-300)' : _e, _f = _a.stroke, stroke = _f === undefined ? 'var(--color-white)' : _f;
+    return (jsx(Icon, { width: width, height: height, viewBox: viewBox, children: jsx("circle", { cx: "9", cy: "9", r: "8.5", fill: fill, stroke: stroke }) }));
+};
+Notification.displayName = 'Notification';
+
+var styles$5 = {"steps":"Stepper-module_steps__QbYie","stepsFullSize":"Stepper-module_stepsFullSize__MAKHa","content":"Stepper-module_content__gqqdr","stepDescription":"Stepper-module_stepDescription__LVenC","step":"Stepper-module_step__JTnoH","separator":"Stepper-module_separator__sl1Pn","stepBody":"Stepper-module_stepBody__Bjf-Q","stepLabel":"Stepper-module_stepLabel__hEYGw","stepLabelInactive":"Stepper-module_stepLabelInactive__wcqpv","progressWrapper":"Stepper-module_progressWrapper__ncYqZ","stepWrapper":"Stepper-module_stepWrapper__k43mM","buttonsWrapper":"Stepper-module_buttonsWrapper__tya3o"};
+
+var Arrow = 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.rotate, rotate = _e === undefined ? 0 : _e, props = __rest(_a, ["width", "height", "viewBox", "rotate"]);
+    return (jsx(Icon, __assign({ width: width, height: height, viewBox: viewBox, rotate: rotate }, props, { children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M25.333 16H6.667M18.667 22.667L25.333 16M18.667 9.333L25.333 16" }) })));
+};
+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
+ *
+ * @param {Step[]} steps - Array of steps (label, description, content)
+ * @param {number} active - Current active step (controlled)
+ * @param {function} onStepChange - Callback when step changes
+ * @param {boolean} showControls - Whether to show back/next buttons
+ * @param {React.ReactNode} backButton - Custom back button
+ * @param {React.ReactNode} nextButton - Custom next button
+ * @param {boolean} allowNextStepsSelect - Whether to allow selecting next steps
+ * @param {Step[]} stepCompleted - Content to show when all steps are completed
+ *
+ * @returns {React.ReactElement} The Stepper component
+ *
+ */
+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 active = controlledActive !== null && controlledActive !== undefined ? controlledActive : internalActive;
+    var setActive = function (step) {
+        if (controlledActive === undefined) {
+            setInternalActive(step);
+        }
+        onStepChange === null || onStepChange === undefined ? undefined : onStepChange(step);
+    };
+    var nextStep = function () {
+        if (active === steps.length - 1) {
+            setIsCompleted(true);
+        }
+        else {
+            setActive(active + 1);
+        }
+    };
+    var prevStep = function () { return setActive(active > 0 ? active - 1 : active); };
+    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)); })
+                    : 'XXX!' })) }));
+    }
+    return (jsxs(Fragment, { children: [jsx(Stepper$1, __assign({ active: active, allowNextStepsSelect: allowNextStepsSelect, size: "sm", color: "var(--color-primary-50)", icon: jsx(Notification, { stroke: "var(--color-primary-300)" }), progressIcon: jsx(StepIndicator, { fill: "var(--color-primary-300)", width: "32px", height: "32px", stroke: "var(--color-primary-300)" }), completedIcon: jsx(Tick, { width: "16px", height: "16px", stroke: "var(--color-primary-300)", strokeWidth: 3, fill: "var(--color-primary-50)" }) }, props, { classNames: {
+                    steps: fullSize ? styles$5.stepsFullSize : styles$5.steps,
+                    stepDescription: styles$5.stepDescription,
+                    stepBody: styles$5.stepBody,
+                    separator: styles$5.separator,
+                    content: styles$5.content,
+                    step: styles$5.step,
+                }, children: steps.map(function (step, index) { return (jsx(StepperStep, { label: step.label, classNames: {
+                        stepLabel: index === active ? styles$5.stepLabelInactive : styles$5.stepLabel,
+                    }, icon: jsx(Notification, { width: "32px", height: "32px", fill: "var(--color-white)" }) }, index)); }) })), jsx(Flex, { className: styles$5.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$5.stepWrapper, children: (_b = steps[active]) === null || _b === undefined ? undefined : _b.content }), showControls && (jsxs(Flex, { className: styles$5.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,
+                    })) : (jsx(Button, { onClick: nextStep, size: "medium", icon: jsx(Arrow, { width: "18px", height: "18px" }), disabled: ((_d = steps[active]) === null || _d === undefined ? undefined : _d.isValid) === false, children: "Next step" }))] }))] }));
+};
+Stepper.displayName = 'Stepper';
+
+var styles$4 = {"table":"Table-module_table__7Pagp","tableHeaderCell":"Table-module_tableHeaderCell__Wd4IN","tableRow":"Table-module_tableRow__GzCm4","withCheckbox":"Table-module_withCheckbox__DOucz","empty":"Table-module_empty__Dvxh9","emptyWrapperMessage":"Table-module_emptyWrapperMessage__hWoae","paginationWrapper":"Table-module_paginationWrapper__S88Dr","loaderWrapper":"Table-module_loaderWrapper__Fkp8F","tableWrapper":"Table-module_tableWrapper__ITO0y","disabled":"Table-module_disabled__OcI6u","disabledOverlay":"Table-module_disabledOverlay__QR6SB","disabledRow":"Table-module_disabledRow__QKivc"};
+
+/**
+ *
+ * Table component that displays data in a table format, with support for pagination and row selection.
+ *
+ * @param data - The data to be displayed in the table
+ * @param columns - The columns to be displayed in the table
+ * @param itemsPerPage - The number of items to display per page
+ * @param totalRecords - The total number of records
+ * @param currentPage - The current page
+ * @param showCheckboxes - Whether to show checkboxes for selecting rows
+ * @param onSelectionChange - Callback function that is called when the selection changes
+ * @param loading - Whether the table is in a loading state
+ * @param disabled - Whether the table is disabled
+ * @param disabledMessage - Message to display when the table is disabled
+ * @returns Render table with theme styles
+ */
+function Table(_a) {
+    var data = _a.data, columns = _a.columns, _b = _a.itemsPerPage, itemsPerPage = _b === undefined ? 10 : _b, totalRecords = _a.totalRecords, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _c = _a.showCheckboxes, showCheckboxes = _c === undefined ? false : _c, onSelectionChange = _a.onSelectionChange, _d = _a.loading, loading = _d === undefined ? false : _d, _e = _a.disabled, disabled = _e === undefined ? false : _e, disabledMessage = _a.disabledMessage;
+    var _f = useState([]), selectedItems = _f[0], setSelectedItems = _f[1];
+    var renderCell = function (item, column) {
+        var value = item[column.key];
+        return column.render ? column.render(value, item) : String(value);
+    };
+    var handleCheckboxChange = function (item) {
+        var updatedSelection = selectedItems.includes(item)
+            ? selectedItems.filter(function (selectedItem) { return selectedItem !== item; })
+            : __spreadArray(__spreadArray([], selectedItems, true), [item], false);
+        setSelectedItems(updatedSelection);
+        onSelectionChange === null || onSelectionChange === undefined ? undefined : onSelectionChange(updatedSelection);
+    };
+    var handleSelectAll = function () {
+        var newSelectedItems = selectedItems.length === data.length ? [] : data;
+        setSelectedItems(newSelectedItems);
+        onSelectionChange === null || onSelectionChange === undefined ? undefined : onSelectionChange(newSelectedItems);
+    };
+    return (jsxs(Fragment, { children: [jsxs(Table$1, { className: "".concat(styles$4.table, " ").concat(showCheckboxes ? styles$4.withCheckbox : ''), highlightOnHover: true, highlightOnHoverColor: "var(--color-neutral-100)", children: [jsx(Table$1.Thead, { children: jsxs(Table$1.Tr, { children: [showCheckboxes && (jsx(Table$1.Th, { className: styles$4.tableHeaderCell, children: jsx(Checkbox, { checked: selectedItems.length === data.length, onChange: handleSelectAll }) })), columns.map(function (column) { return (jsx(Table$1.Th, { className: styles$4.tableHeaderCell, children: column.header }, column.key)); })] }) }), loading ? (jsx(Table$1.Tbody, { children: jsxs(Table$1.Tr, { children: [jsx(Table$1.Td, { colSpan: columns.length / 2 }), jsx(Table$1.Td, { colSpan: columns.length / 2, className: styles$4.loaderWrapper, children: jsx(Loader, { size: "lg" }) })] }) })) : (jsx(Table$1.Tbody, { children: (data === null || data === undefined ? undefined : data.length) > 0 &&
+                            data.map(function (item, index) { return (jsxs(Table$1.Tr, { className: "".concat(styles$4.tableRow, " ").concat(disabled ? styles$4.disabledRow : ''), onClick: !disabled ? item.handleClick : undefined, children: [showCheckboxes && (jsx(Table$1.Td, { className: styles$4.tableRow, children: jsx(Checkbox, { checked: selectedItems.includes(item), onChange: function () { return handleCheckboxChange(item); } }) })), columns.map(function (column) { return (jsx(Table$1.Td, { className: styles$4.tableRow, children: renderCell(item, column) }, column.key)); })] }, index)); }) })), disabled && (jsx("div", { className: styles$4.disabledOverlay, children: disabledMessage !== null && disabledMessage !== undefined ? disabledMessage : (jsx(Text, { children: "This table is temporarily disabled." })) })), data.length === 0 && !loading && (jsx(Table$1.Tbody, { children: jsx(Table$1.Tr, { children: jsx(Table$1.Td, { colSpan: columns.length + (showCheckboxes ? 1 : 0), className: styles$4.empty, children: jsxs(Flex, { className: styles$4.emptyWrapperMessage, children: [jsx(Text, { variant: "m", weight: "medium", children: "No results match your search or selected filters." }), jsx(Text, { variant: "m", weight: "medium", children: "Please adjust your criteria and try again" })] }) }) }) }))] }), totalRecords > itemsPerPage && (jsx("div", { className: styles$4.paginationWrapper, children: jsx(Pagination, { total: Math.ceil(totalRecords / itemsPerPage), value: currentPage, onChange: onPageChange, disabled: disabled }) }))] }));
+}
+Table.displayName = 'Table';
+
+var styles$3 = {"list":"Tabs-module_list__tJ8dS","tab":"Tabs-module_tab__DEdzi","panel":"Tabs-module_panel__hp43N","tabSm":"Tabs-module_tabSm__E7WFL","tabXs":"Tabs-module_tabXs__rXqxS"};
+
+/**
+ *
+ * Tabs component is used to switch between different sections of content
+ * To control active tab, use `value` and `onChange` props
+ * To disable a single tab, use `disabled` prop on Tabs.Tab component
+ *
+ * @param size - Tabs size
+ * @param defaultValue - Default active tab value
+ * @param children - Tabs.List, Tabs.Tab and Tabs.Panel components
+ * @param onChange - Called when tab changes
+ * @param value - Active tab value
+ *
+ * @example
+ * <Tabs defaultValue="gallery">
+ *   <Tabs.List>
+ *     <Tabs.Tab value="gallery">Gallery</Tabs.Tab>
+ *     <Tabs.Tab value="messages" disabled>Messages</Tabs.Tab>
+ *     <Tabs.Tab value="settings">Settings</Tabs.Tab>
+ *   </Tabs.List>
+ * </Tabs>
+ *
+ *  @returns Rendered Tabs component
+ */
+var Tabs = function (_a) {
+    var _b;
+    var _c = _a.size, size = _c === undefined ? 'sm' : _c, props = __rest(_a, ["size"]);
+    return (jsx(Tabs$1, __assign({ variant: "pills", classNames: {
+            list: styles$3.list,
+            panel: styles$3.panel,
+            tab: classNames(styles$3.tab, (_b = {},
+                _b[styles$3.tabXs] = size === 'xs',
+                _b[styles$3.tabSm] = size === 'sm',
+                _b)),
+        } }, props)));
+};
+Tabs.displayName = 'Tabs';
+Tabs.List = Tabs$1.List;
+Tabs.Tab = Tabs$1.Tab;
+Tabs.Panel = Tabs$1.Panel;
+
+var Textarea = function (_a) {
+    var _b, _c;
+    var _d = _a.error, error = _d === undefined ? '' : _d, name = _a.name, placeholder = _a.placeholder, _e = _a.value, value = _e === undefined ? '' : _e, onChange = _a.onChange, label = _a.label, description = _a.description, _f = _a.holdSpace, holdSpace = _f === undefined ? true : _f, _g = _a.hideLabel, hideLabel = _g === undefined ? false : _g, rest = __rest(_a, ["error", "name", "placeholder", "value", "onChange", "label", "description", "holdSpace", "hideLabel"]);
+    var _h = useState(false), isFocused = _h[0], setIsFocused = _h[1];
+    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$m.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$m.errorText), children: error })] }));
+    }, [error]);
+    return (jsxs("div", { className: styles$m.container, children: [showLabel && (jsx("label", { className: classNames(styles$m.label, (_b = {},
+                    _b[styles$m.labelError] = error && !isFocused,
+                    _b[styles$m.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$m.input, (_c = {},
+                            _c[styles$m.inputError] = error,
+                            _c)),
+                    }, placeholder: placeholder !== null && placeholder !== undefined ? placeholder : label, name: name, error: ErrorSection, description: !error && jsx(Text, { variant: "xs", children: description }), descriptionProps: { className: styles$m.description }, errorProps: { className: styles$m.error }, inputWrapperOrder: ['label', 'input', 'description', 'error'], value: value, onChange: onChange, autosize: rest.h ? false : rest.autosize, minRows: 2 }, rest, { styles: {
+                        input: {
+                            height: typeof rest.h === 'string' || typeof rest.h === 'number'
+                                ? rest.h
+                                : 'auto',
+                        },
+                    } })) })] }));
+};
+Textarea.displayName = 'Textarea';
+
+var styles$2 = {"toast-container":"ToastContainer-module_toast-container__4KBx3"};
+
+var ToastContainer = function () {
+    return (jsx(ToastContainer$1, { theme: "dark", className: styles$2['toast-container'], progressStyle: {
+            borderRadius: 999,
+        }, closeButton: false, autoClose: 300000 }));
+};
+ToastContainer.displayName = 'ToastContainer';
+
+var styles$1 = {"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$1.tooltip,
+        }, offset: 4, children: children })));
+};
+Tooltip.displayName = 'Tooltip';
+
+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"};
+
+/**
+ * MultiSelect component, use it to select multiple options from a list of options
+ * For selecting a single option, use the Select component
+ *
+ * @param {MultiSelectOptionsType[]} data - The data to display in the select
+ * @param {(options: MultiSelectOptionsType[]) => void} onApply - The function to call when the selected items change by clicking the 'Apply'  button
+ * @param {string} label - The label of the select
+ * @param {string} placeholder - The placeholder of the select
+ * @param {string} error - The error message to display
+ * @param {string} description - The description to display
+ * @param {boolean} disabled - Whether the select is disabled
+ * @param {number} maxPills - The maximum number of pills to display, the rest will be displayed as a single pill with the number of remaining items
+ *
+ * @returns {React.ReactElement} The MultiSelect component
+ *
+ */
+var Multiselect = function (_a) {
+    var data = _a.data, onApply = _a.onApply, error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, onBlur = _a.onBlur, _b = _a.disabled, disabled = _b === undefined ? false : _b, _c = _a.maxPills, maxPills = _c === undefined ? 3 : _c;
+    var dataKey = useMemo(function () { return data.map(function (o) { return o.value; }).join('_'); }, [data]);
+    return (jsx(MultiselectInternal, { data: data, onApply: onApply, error: error, description: description, label: label, placeholder: placeholder, onBlur: onBlur, disabled: disabled, maxPills: maxPills }, dataKey));
+};
+Multiselect.displayName = 'Multiselect';
+/**
+ * The internal component that maintains:
+ * - committedOptions (pills shown when dropdown is closed)
+ * - temporaryOptions (draft selection while dropdown is open)
+ * - searchTerm (to filter the dropdown’s list)
+ */
+var MultiselectInternal = function (_a) {
+    var data = _a.data, onApply = _a.onApply, error = _a.error, description = _a.description, label = _a.label, placeholder = _a.placeholder, onBlur = _a.onBlur, disabled = _a.disabled, maxPills = _a.maxPills;
+    // Final selection that shows up as pills when closed / after Apply
+    var _b = useState(data), committedOptions = _b[0], setCommittedOptions = _b[1];
+    // Draft selection while dropdown is open
+    var _c = useState(data), temporaryOptions = _c[0], setTemporaryOptions = _c[1];
+    var _d = useState(''), searchTerm = _d[0], setSearchTerm = _d[1];
+    var _e = useState(false), isFocused = _e[0], setIsFocused = _e[1];
+    var _f = useState(false), isHovered = _f[0], setIsHovered = _f[1];
+    var hasSelectedOptions = committedOptions.some(function (opt) { return opt.selected; });
+    /* -----------------------------------
+     * Handlers
+     * ----------------------------------- */
+    var handleBlur = function () {
+        setIsFocused(false);
+        onBlur === null || onBlur === undefined ? undefined : onBlur();
+    };
+    /** Toggle a checkbox in the *draft* list */
+    var handleDraftToggle = function (option) {
+        setTemporaryOptions(function (prev) {
+            return prev.map(function (o) {
+                return o.value === option.value ? __assign(__assign({}, o), { selected: !o.selected }) : o;
+            });
+        });
+    };
+    /** Click "Apply" => copy draft to pills (committed) and call onApply */
+    var handleApply = function (closeDropdown) {
+        setCommittedOptions(temporaryOptions);
+        onApply(temporaryOptions);
+        closeDropdown();
+    };
+    /** Click "Clear" => reset the *draft* selection (not pills yet) */
+    var handleClear = function () {
+        var reset = data.map(function (o) { return (__assign(__assign({}, o), { selected: false })); });
+        setTemporaryOptions(reset);
+    };
+    /** Clicking the "X" on a pill => remove from *committed* immediately */
+    var handleDeselectPill = function (optionId) {
+        var newCommitted = committedOptions.map(function (o) {
+            return o.value === optionId ? __assign(__assign({}, o), { selected: false }) : o;
+        });
+        setCommittedOptions(newCommitted);
+        setTemporaryOptions(newCommitted);
+        onApply(newCommitted);
+    };
+    /* -----------------------------------
+     * Search / Filtering
+     * ----------------------------------- */
+    var filteredTempOptions = useMemo(function () {
+        if (!searchTerm.trim())
+            return temporaryOptions;
+        return temporaryOptions.filter(function (o) {
+            return o.label.toLowerCase().includes(searchTerm.toLowerCase());
+        });
+    }, [searchTerm, temporaryOptions]);
+    // Build the actual dropdown checkboxes from the filtered list
+    var dropdownOptions = useMemo(function () {
+        var allSelected = filteredTempOptions.length > 0 &&
+            filteredTempOptions.every(function (o) { return o.selected; });
+        var selectAllOption = (jsx(Dropdown.Option, { value: "select_all", py: 12, onClick: function (e) { return e.stopPropagation(); }, children: jsx(Checkbox, { label: "Select All", checked: allSelected, onChange: function (e) {
+                    e.stopPropagation();
+                    setTemporaryOptions(function (prev) {
+                        return prev.map(function (item) { return (__assign(__assign({}, item), { selected: !allSelected })); });
+                    });
+                }, w: "100%" }) }, "select_all"));
+        // Now build the rest of the normal checkboxes
+        var normalOptions = filteredTempOptions.map(function (option) { return (jsx(Dropdown.Option, { value: option.value, py: 12, disabled: option.disabled, 
+            // Don’t close on click
+            onClick: function (e) { return e.stopPropagation(); }, children: jsx(Checkbox, { label: option.label, checked: option.selected, disabled: option.disabled, onChange: function (e) {
+                    e.stopPropagation();
+                    handleDraftToggle(option);
+                }, w: "100%" }, option.value) }, option.value)); });
+        var emptyOptions = (jsx(Dropdown.Option, { value: "No options found", style: { cursor: 'not-allowed', pointerEvents: 'none' }, children: "No matches found, try something else." }));
+        return normalOptions.length > 0
+            ? __spreadArray([selectAllOption], normalOptions, true) : [emptyOptions];
+    }, [filteredTempOptions]);
+    /* -----------------------------------
+     * Sections
+     * ----------------------------------- */
+    /**
+     * The main "input" area, showing:
+     * - Pills (from committedOptions) if the dropdown is closed (or open),
+     *   but we specifically adjust layout if open.
+     * - If the dropdown is open, also show a search input alongside the pills.
+     */
+    var PillAndSearchSection = function (_a) {
+        var store = _a.store, _b = _a.maxPills, maxPills = _b === undefined ? 3 : _b;
+        var selected = committedOptions.filter(function (opt) { return opt.selected; });
+        var dropdownOpened = store.dropdownOpened;
+        var allSelected = selected.length === data.length;
+        var searchInputRef = useRef(null);
+        useEffect(function () {
+            var _a;
+            if (dropdownOpened) {
+                (_a = searchInputRef.current) === null || _a === undefined ? undefined : _a.focus();
+            }
+        }, [dropdownOpened]);
+        // If the dropdown is closed and everything is selected => single "All {placeholder}" pill
+        if (!dropdownOpened && allSelected) {
+            return (jsx(Flex, { gap: 8, align: "center", wrap: "wrap", style: { flexGrow: 1, minHeight: 32 }, children: jsxs("span", { className: multiselectStyles.pill, children: [jsxs(Text, { variant: "xs", children: ["All ", placeholder] }), jsx(ActionIcon$1, { variant: "transparent", onClick: function (e) {
+                                e.stopPropagation();
+                                var newCommitted = committedOptions.map(function (o) { return (__assign(__assign({}, o), { selected: false })); });
+                                setCommittedOptions(newCommitted);
+                                setTemporaryOptions(newCommitted);
+                                onApply(newCommitted);
+                            }, children: jsx(Close, { height: "20px", width: "20px", stroke: "var(--color-neutral-600)" }) })] }) }));
+        }
+        // Otherwise, render original logic:
+        return (jsxs(Flex, { gap: 8, align: "center", wrap: "wrap", style: { flexGrow: 1, minHeight: 32 }, children: [selected.length === 0 && !dropdownOpened && (jsx(Text, { variant: "s", children: label })), selected.slice(0, maxPills).map(function (option) { return (jsxs("span", { className: multiselectStyles.pill, title: option.label, children: [jsx(Text, { variant: "xs", className: multiselectStyles.pillText, children: option.label }), jsx(ActionIcon$1, { variant: "transparent", onClick: function (e) {
+                                e.stopPropagation();
+                                handleDeselectPill(option.value);
+                            }, children: jsx(Close, { height: "20px", width: "20px", stroke: "var(--color-neutral-600)" }) })] }, option.value)); }), selected.length > maxPills && (jsx(Tooltip, { label: selected
+                        .slice(maxPills, selected.length)
+                        .map(function (o) { return o.label; })
+                        .join(', '), position: "bottom", children: jsx("span", { className: multiselectStyles.pill, children: jsxs(Text, { variant: "xs", children: ["+", selected.length - maxPills] }) }, "more") })), dropdownOpened && (jsx("input", { ref: searchInputRef, type: "text", placeholder: "Search ".concat(placeholder, "..."), value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, style: {
+                        flexGrow: 1,
+                        minWidth: 80,
+                        border: '1px solid var(--color-gray-200)',
+                        borderRadius: 4,
+                        padding: '4px 8px',
+                        outline: 'none',
+                    }, onClick: function (e) { return e.stopPropagation(); } }))] }));
+    };
+    PillAndSearchSection.displayName = 'PillAndSearchSection';
+    var ErrorSection = (jsxs(Flex, { className: styles$m.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$m.errorText), children: error })] }));
+    var DescriptionSection = (jsx(Flex, { className: styles$m.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$m.container, children: [floatLabel && (jsx("label", { className: classNames(styles$m.label, (_a = {},
+                            _a[styles$m.labelError] = error && !isFocused,
+                            _a[styles$m.labelFocused] = isFocused || isHovered,
+                            _a)), children: label })), jsxs(Box, { className: classNames(styles$m.input, multiselectStyles.input, (_b = {},
+                            _b[styles$m.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, tabIndex: 0, children: [jsx(PillAndSearchSection, { store: store, maxPills: maxPills }), jsx(Chevron, { rotate: store.dropdownOpened ? 90 : 270 })] }), error ? ErrorSection : DescriptionSection] }));
+        } }));
+};
+MultiselectInternal.displayName = 'MultiselectInternal';
+
+var styles = {"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.navbarSideContainer, children: jsxs(Tabs$1, { value: value, onChange: onChange, orientation: "vertical", keepMounted: false, classNames: {
+                list: styles.tabsList,
+                tab: styles.tab,
+                panel: styles.tabsPanel,
+                root: styles.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';
+
+var Alert = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.5 14.374v4.098m-10.167 3.69c-.946 1.639.237 3.687 2.13 3.687h16.074c1.893 0 3.076-2.048 2.13-3.687L17.63 8.23c-.946-1.64-3.314-1.64-4.26 0L5.333 22.162zm10.167-.41h.008v.007H15.5v-.008z" }) })));
+};
+Alert.displayName = 'Alert';
+
+var Attachment = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M20.04 12.542v8.947a3.7 3.7 0 01-7.401 0V8.767a2.467 2.467 0 014.934 0V21.5m0-.01v.01m-2.467-9.095v9.084a1.233 1.233 0 002.467.01" }) })));
+};
+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" }))] }));
+};
+Bell.displayName = 'Bell';
+
+var Cat = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M19.651 8.556l3.115-2.73a1.97 1.97 0 012.142-.305 2.054 2.054 0 011.167 1.862v9.95c0 5.894-4.67 10.672-10.433 10.672v0c-5.761 0-10.432-4.778-10.432-10.671v-9.95c0-.801.455-1.529 1.167-1.863a1.97 1.97 0 012.142.305l3.114 2.73a11.774 11.774 0 018.018 0z", clipRule: "evenodd" }), jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M13.36 14.333a.33.33 0 01-.326.333.33.33 0 01-.326-.333.33.33 0 01.326-.334c.086 0 .17.035.23.098a.338.338 0 01.096.236M18.577 14.333a.33.33 0 01-.327.333.33.33 0 01-.326-.333.33.33 0 01.326-.334c.087 0 .17.035.231.098a.338.338 0 01.096.236" }), jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.642 19.335v0a.66.66 0 01-.652-.667v0a.22.22 0 01.218-.223h.87c.12 0 .216.1.216.223v0a.66.66 0 01-.652.667z", clipRule: "evenodd" }), jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M12.79 22.836c.314.32.739.501 1.182.5v0c.922 0 1.67-.765 1.67-1.708a1.71 1.71 0 001.032 1.578 1.643 1.643 0 001.82-.37M15.642 19.335v2.293M22.163 17.076l5.216-.89M27.38 21.336l-5.217-.89M9.122 17.076l-5.216-.89M3.906 21.336l5.216-.89" })] })));
+};
+Cat.displayName = 'Cat';
+
+var Chat = 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", { d: "M11.7143 25.4285L4.85712 27.1428L6.5714 22V6.5714C6.5714 6.11674 6.75202 5.68071 7.0735 5.35922C7.395 5.03773 7.83103 4.85712 8.28569 4.85712H25.4285C25.8832 4.85712 26.3193 5.03773 26.6407 5.35922C26.9621 5.68071 27.1428 6.11674 27.1428 6.5714V23.7143C27.1428 24.1689 26.9621 24.605 26.6407 24.9264C26.3193 25.2479 25.8832 25.4285 25.4285 25.4285H11.7143Z", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M11.7142 12.5714H21.9999", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M11.7142 17.7142H18.5714", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+};
+Chat.displayName = 'Chat';
+
+var Check = 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.fill, fill = _e === undefined ? 'none' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f, _g = _a.strokeWidth, strokeWidth = _g === undefined ? 1.5 : _g;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("circle", { cx: "16", cy: "16", r: "12", fill: "none", stroke: stroke, strokeWidth: strokeWidth }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth, d: "M10 16.5l4.5 4.5L22 11.5" })] }));
+};
+Check.displayName = 'Check';
+
+var Cloud = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '28' : _b, _c = _a.height, height = _c === undefined ? '21' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 28 21' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f, _g = _a.strokeWidth, strokeWidth = _g === undefined ? 1.5 : _g;
+    return (jsx(Icon, { width: width, height: height, fill: fill, viewBox: viewBox, children: jsx("path", { d: "M0.75 14.05C0.75 17.198 3.43629 19.75 6.75 19.75H21.75C24.5114 19.75 26.75 17.6234 26.75 15C26.75 12.9707 25.4104 11.2386 23.5255 10.5582C23.6709 10.1644 23.75 9.74098 23.75 9.3C23.75 7.20132 21.9591 5.5 19.75 5.5C19.319 5.5 18.9039 5.56477 18.5149 5.68461C17.7186 2.8433 14.9916 0.75 11.75 0.75C7.88401 0.75 4.75 3.72731 4.75 7.4C4.75 7.82209 4.79139 8.23499 4.87053 8.63524C2.4774 9.38448 0.75 11.5256 0.75 14.05Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+Cloud.displayName = 'Cloud';
+
+var Delete = function (props) {
+    return (jsx(Icon, __assign({}, props, { viewBox: props.viewBox || '0 0 32 32', children: jsx("path", { d: "M26.671 8.4965H5.32874M18.6259 14.499V22.0021M13.3738 14.499V22.0021M20.7237 28.0046H11.276C9.70771 28.0046 8.40385 26.7972 8.28357 25.2336L6.9961 8.4965H25.0036L23.7161 25.2336C23.5958 26.7972 22.292 28.0046 20.7237 28.0046ZM12.2483 3.99463H19.7514C20.5802 3.99463 21.252 4.66648 21.252 5.49525V8.4965H10.7477V5.49525C10.7477 4.66648 11.4195 3.99463 12.2483 3.99463Z", stroke: props.stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+Delete.displayName = 'Delete';
+
+var Dog = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.642 18.223v0a.66.66 0 01-.652-.667v0a.22.22 0 01.218-.222h.87c.12 0 .216.1.216.222v0a.66.66 0 01-.652.667z", clipRule: "evenodd" }), jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M23.467 17.334c0 .737.584 1.334 1.304 1.334v0c1.44 0 2.608-1.195 2.608-2.668v-4.002c0-2.21-1.752-4.001-3.912-4.001h-.544M10.493 23.798l-1.371 4.207M20.792 23.798l1.37 4.207M8.362 7.997h-.544c-2.16 0-3.912 1.791-3.912 4.001V16c0 1.473 1.167 2.668 2.608 2.668v0c.72 0 1.304-.597 1.304-1.334M18.25 23.775v.895c0 1.105-.875 2.001-1.956 2.001H14.99c-1.08 0-1.956-.896-1.956-2v-.896" }), jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M15.642 18.223v1.779c0 2.21-1.751 4.001-3.912 4.001v0c-2.16 0-3.912-1.791-3.912-4.001v-9.338c0-3.683 2.92-6.669 6.52-6.669h2.609c3.6 0 6.52 2.986 6.52 6.67v9.337c0 2.21-1.752 4.001-3.912 4.001v0c-2.161 0-3.913-1.791-3.913-4.001v-1.779z", clipRule: "evenodd" }), jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M18.577 12.666a.33.33 0 01-.327.333.33.33 0 01-.326-.334.33.33 0 01.326-.333c.087 0 .17.035.231.098a.337.337 0 01.096.236M13.36 12.666a.33.33 0 01-.326.333.33.33 0 01-.326-.334.33.33 0 01.326-.333c.086 0 .17.035.23.098a.337.337 0 01.096.236" })] })));
+};
+Dog.displayName = 'Dog';
+
+var Fingerprint = 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: "M10.272 23.728l.452-.452A3.22 3.22 0 0113 22.333v0c.854 0 1.672.34 2.276.943l.452.452A4.342 4.342 0 0018.798 25h.526a4.343 4.343 0 004.343-4.343v0a4.343 4.343 0 00-1.934-3.613v0a10.638 10.638 0 01-3.31-3.527l-1.226-2.122A4.793 4.793 0 0013.047 9v0a4.793 4.793 0 00-4.11 2.327l-1.373 2.288a10.637 10.637 0 01-3.22 3.378l-.077.051a4.343 4.343 0 00-1.934 3.613v0A4.343 4.343 0 006.676 25H7.2a4.343 4.343 0 003.07-1.272v0z", clipRule: "evenodd" }), jsx("circle", { cx: "3", cy: "9.667", r: "2", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), jsx("circle", { cx: "23", cy: "9.667", r: "2", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), jsx("ellipse", { cx: "8.714", cy: "3", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", rx: "2", ry: "2" }), jsx("circle", { cx: "17.286", cy: "3", r: "2", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }));
+};
+Fingerprint.displayName = 'Fingerprint';
+
+var Google = function (props) {
+    return (jsxs(Icon, __assign({}, props, { stroke: "none", children: [jsx("path", { fill: "#4285F4", d: "M22 11.453c0-.83-.069-1.628-.196-2.394H11.647v4.532h5.804c-.255 1.457-1.02 2.691-2.167 3.521v2.947h3.5C20.824 18.016 22 15.016 22 11.452z" }), jsx("path", { fill: "#34A853", d: "M11.327 22.647c3.034 0 5.578-.997 7.438-2.707l-3.648-2.82c-1 .672-2.278 1.08-3.79 1.08-2.922 0-5.405-1.965-6.294-4.612H1.294v2.89a11.232 11.232 0 0010.033 6.169z" }), jsx("path", { fill: "#FBBC05", d: "M5.176 13.38a6.024 6.024 0 01-.374-2.057c0-.718.14-1.407.374-2.057V6.471H1.262A10.01 10.01 0 000 11.323c0 1.753.46 3.397 1.262 4.854L4.31 13.99l.866-.61z" }), jsx("path", { fill: "#EA4335", d: "M11.28 4.453c1.648 0 3.112.57 4.281 1.668l3.204-3.203C16.822 1.108 14.3 0 11.28 0 6.908 0 3.135 2.511 1.294 6.171L5.016 9.06c.885-2.644 3.356-4.606 6.264-4.606z" })] })));
+};
+Google.displayName = 'Google';
+
+var Grid = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M3 3h7v7H3V3zM14 3h7v7h-7V3zM3 14h7v7H3v-7zM14 14h7v7h-7v-7z", clipRule: "evenodd" }) })));
+};
+Grid.displayName = 'Grid';
+
+var Hamburger = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '32' : _b, _c = _a.height, height = _c === undefined ? '32' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 32 32' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f;
+    return (jsxs(Icon, { width: width, height: height, fill: fill, viewBox: viewBox, children: [jsx("path", { d: "M6 8.25H26", stroke: stroke, strokeWidth: 1.5, strokeLinecap: "round" }), jsx("path", { d: "M6 16.25H26", stroke: stroke, strokeWidth: 1.5, strokeLinecap: "round" }), jsx("path", { d: "M6 24.25H26", stroke: stroke, strokeWidth: 1.5, strokeLinecap: "round" })] }));
+};
+Hamburger.displayName = 'Hamburger';
+
+var HappyFace = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M20.212 20.212a5.25 5.25 0 01-7.424 0M27 16.5C27 22.299 22.299 27 16.5 27S6 22.299 6 16.5 10.701 6 16.5 6 27 10.701 27 16.5zm-13.125-2.625c0 .483-.196.875-.438.875-.241 0-.437-.392-.437-.875s.196-.875.438-.875c.241 0 .437.392.437.875zm-.438 0h.01v.018h-.01v-.018zm6.563 0c0 .483-.196.875-.438.875-.241 0-.437-.392-.437-.875s.196-.875.438-.875c.241 0 .437.392.437.875zm-.438 0h.01v.018h-.01v-.018z" }) })));
+};
+HappyFace.displayName = 'HappyFace';
+
+var House = 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.051M9.732 23.669v-6.91c0-.602.488-1.09 1.09-1.09h2.183" }), jsx("path", { d: "M16.273 23.669v-6.91c0-.602-.489-1.09-1.091-1.09H13M2.715 9.82v13.85M23.167 10v13M25 23.67H1" })] }) }));
+};
+House.displayName = 'House';
+
+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" })] }) }));
+};
+HouseTime.displayName = 'HouseTime';
+
+var Identification = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { d: "M20 12H25M20 16H25M20 20H25M6 26H26C27.6569 26 29 24.6569 29 23V9C29 7.34315 27.6569 6 26 6H6C4.34315 6 3 7.34315 3 9V23C3 24.6569 4.34315 26 6 26ZM14 12.5C14 13.8807 12.8807 15 11.5 15C10.1193 15 9 13.8807 9 12.5C9 11.1193 10.1193 10 11.5 10C12.8807 10 14 11.1193 14 12.5ZM15.7252 20.9485C14.4653 21.6196 13.0269 22 11.4998 22C9.97264 22 8.53432 21.6196 7.27441 20.9485C7.90648 19.2277 9.55977 18 11.4998 18C13.4398 18 15.0931 19.2277 15.7252 20.9485Z", stroke: props.stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+Identification.displayName = 'Identification';
+
+var Location = 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: "M9.308 1C4.721 1 1 4.542 1 8.904c0 5.02 5.539 12.974 7.572 15.722a.91.91 0 001.472 0c2.034-2.747 7.572-10.698 7.572-15.722C17.616 4.542 13.895 1 9.308 1z" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.31 12.08a2.771 2.771 0 100-5.541 2.771 2.771 0 000 5.542z" })] }));
+};
+Location.displayName = 'Location';
+
+var Mail = 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, stroke: stroke, children: [jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M25.692 7H6.308A2.308 2.308 0 004 9.308v13.846a2.308 2.308 0 002.308 2.308h19.384A2.308 2.308 0 0028 23.154V9.308A2.308 2.308 0 0025.692 7z" }), jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M7.692 10.692l8.307 6.462 8.308-6.462" })] }));
+};
+Mail.displayName = 'Mail';
+
+var Menu = 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: jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14 8h13M14 8a2 2 0 11-4 0m4 0a2 2 0 10-4 0M5 8h5m4 16h13m-13 0a2 2 0 11-4 0m4 0a2 2 0 10-4 0m-5 0h5m12-8h5m-5 0a2 2 0 11-4 0m4 0a2 2 0 10-4 0M5 16h13" }) }));
+};
+Menu.displayName = 'Menu';
+
+var MenuTouched = 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", { d: "M14 8L27 8M14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8M14 8C14 6.89543 13.1046 6 12 6C10.8954 6 10 6.89543 10 8M5 8H10M14 24H27M14 24C14 25.1046 13.1046 26 12 26C10.8954 26 10 25.1046 10 24M14 24C14 22.8954 13.1046 22 12 22C10.8954 22 10 22.8954 10 24M5 24L10 24M22 16L27 16M22 16C22 17.1046 21.1046 18 20 18C18.8954 18 18 17.1046 18 16M22 16C22 14.8954 21.1046 14 20 14C18.8954 14 18 14.8954 18 16M5 16H18", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("circle", { cx: "26", cy: "6", r: "5.5", fill: "#7B34D6", stroke: "white" })] }));
+};
+MenuTouched.displayName = 'MenuTouched';
+
+var Open = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '16' : _b, _c = _a.height, height = _c === undefined ? '16' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 16 16' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e, _f = _a.stroke, stroke = _f === undefined ? 'currentColor' : _f;
+    return (jsx(Icon, { width: width, height: height, fill: fill, viewBox: viewBox, children: jsx("path", { d: "M9 4H3.5C2.67157 4 2 4.67157 2 5.5V12.5C2 13.3284 2.67157 14 3.5 14H10.5C11.3284 14 12 13.3284 12 12.5V7M6.33333 9.66667L14 2M14 2L10.5 2M14 2V5.5", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+Open.displayName = 'Open';
+
+var Pets = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M27.037 14.667c.216-.813.33-1.65.337-2.493a6.804 6.804 0 00-1.922-4.87 6.497 6.497 0 00-4.76-1.97 5.979 5.979 0 00-5.05 2.562 5.979 5.979 0 00-5.048-2.563c-1.783-.03-3.501.68-4.761 1.97a6.804 6.804 0 00-1.922 4.871 12.954 12.954 0 003.305 8.066 21.288 21.288 0 005.615 4.716c.471.272.98.47 1.508.588" }), jsx("path", { fillRule: "evenodd", stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M23.137 22.667v0c2.16 0 3.91 1.79 3.91 4v0c0 .736-.583 1.333-1.303 1.333H20.53c-.72 0-1.303-.597-1.303-1.333v0c0-2.21 1.75-4 3.91-4z", clipRule: "evenodd" }), jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M23.463 18.667a.33.33 0 01-.326.333.33.33 0 01-.325-.333.33.33 0 01.325-.334c.087 0 .17.035.231.098a.337.337 0 01.096.236M27.374 20a.33.33 0 01-.326.333.33.33 0 01-.326-.333.33.33 0 01.326-.333c.087 0 .17.035.23.097a.337.337 0 01.096.236M19.553 20a.33.33 0 01-.326.333.33.33 0 01-.326-.333.33.33 0 01.326-.333c.086 0 .17.035.23.097a.337.337 0 01.096.236" })] })));
+};
+Pets.displayName = 'Pets';
+
+var Phone = 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: jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M1 6.538C1 16.735 9.266 25 19.462 25h2.769A2.77 2.77 0 0025 22.23v-1.687c0-.636-.432-1.19-1.049-1.344l-5.444-1.36a1.384 1.384 0 00-1.443.512l-1.194 1.592c-.347.462-.946.666-1.489.468a14.813 14.813 0 01-8.792-8.792c-.198-.543.006-1.142.468-1.489l1.592-1.194c.446-.334.648-.903.513-1.443L6.8 2.049A1.385 1.385 0 005.457 1H3.77A2.77 2.77 0 001 3.77v2.768z" }) }));
+};
+Phone.displayName = 'Phone';
+
+var Plaid = function (props) {
+    return (jsx(Icon, __assign({}, props, { stroke: "none", children: jsx("path", { fill: props.fill || 'var(--color-neutral-600)', fillRule: "evenodd", d: "M12.705 2L4.35 4.189l-2.302 8.403 2.88 2.957L2 18.457l2.167 8.44 8.32 2.325 2.927-2.91 2.88 2.957 8.357-2.188 2.302-8.404-2.88-2.956L29 12.813l-2.167-8.44-8.321-2.325-2.926 2.908L12.706 2zM7.578 5.805l4.401-1.153 1.925 1.976-2.807 2.789-3.52-3.612zm9.663.849l1.955-1.943 4.383 1.224-3.577 3.554-2.761-2.835zM4.684 11.902l1.212-4.426 3.519 3.612-2.807 2.79L4.684 11.9zm16.972-.714l3.577-3.555 1.14 4.446-1.955 1.944-2.762-2.835zm-8.905-.073l2.808-2.79 2.76 2.836-2.806 2.79-2.762-2.836zm-4.488 4.46l2.806-2.79 2.763 2.836-2.807 2.79-2.762-2.836zm8.905.073l2.807-2.79 2.761 2.836-2.807 2.79-2.76-2.836zM4.625 19.191l1.957-1.945 2.76 2.836-3.575 3.553-1.142-4.444zm8.054.918l2.807-2.79 2.762 2.835-2.807 2.79-2.762-2.835zm8.905.073l2.807-2.79 1.925 1.976-1.212 4.426-3.52-3.612zM7.42 25.335l3.576-3.556 2.763 2.836-1.956 1.944-4.383-1.224zm9.675-.693l2.806-2.79 3.52 3.613-4.402 1.153-1.924-1.976z", clipRule: "evenodd" }) })));
+};
+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" })] }));
+};
+Plus.displayName = 'Plus';
+
+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" })] }));
+};
+Remove.displayName = 'Remove';
+
+var Shield = 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: jsx("path", { d: "M11.953 17.3024L14.9354 20.2847L19.906 13.3259M15.9295 4C13.079 6.69954 9.22993 8.35526 4.99412 8.35526C4.92682 8.35526 4.85961 8.35484 4.79251 8.35401C4.27822 9.91824 4 11.5896 4 13.3259C4 20.7375 9.06913 26.9651 15.9295 28.7308C22.7899 26.9651 27.859 20.7375 27.859 13.3259C27.859 11.5896 27.5808 9.91824 27.0665 8.35401C26.9994 8.35484 26.9322 8.35526 26.8649 8.35526C22.6291 8.35526 18.78 6.69954 15.9295 4Z", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+Shield.displayName = 'Shield';
+
+var ThreeDots = function (props) {
+    return (jsxs(Icon, __assign({}, props, { fill: props.fill || 'var(--color-neutral-600)', stroke: "none", children: [jsx("path", { d: "M2.14285 3.04239e-05C3.32632 3.04756e-05 4.28571 0.95942 4.28571 2.14289C4.28571 3.32635 3.32632 4.28574 2.14285 4.28574C0.959382 4.28574 -7.77479e-06 3.32635 -7.72306e-06 2.14289C-7.67133e-06 0.95942 0.959382 3.03722e-05 2.14285 3.04239e-05Z", fill: props.fill }), jsx("path", { d: "M2.14285 7.85717C3.32632 7.85717 4.28571 8.81656 4.28571 10C4.28571 11.1835 3.32632 12.1429 2.14285 12.1429C0.959381 12.1429 -8.11824e-06 11.1835 -8.06651e-06 10C-8.01478e-06 8.81656 0.959381 7.85717 2.14285 7.85717Z", fill: props.fill }), jsx("path", { d: "M4.2857 17.8572C4.2857 16.6737 3.32632 15.7143 2.14285 15.7143C0.959381 15.7143 -8.35822e-06 16.6737 -8.40996e-06 17.8572C-8.46169e-06 19.0406 0.959381 20 2.14285 20C3.32632 20 4.2857 19.0406 4.2857 17.8572Z", fill: props.fill })] })));
+};
+ThreeDots.displayName = 'ThreeDots';
+
+var ThumbsDown = function (props) {
+    return (jsx(Icon, __assign({}, props, { children: jsx("path", { stroke: props.stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M22.606 17c-.992 0-1.888.549-2.5 1.33a11.127 11.127 0 01-3.522 2.953c-.889.473-1.66 1.176-2.034 2.111a5.538 5.538 0 00-.396 2.057v.78c0 .51-.413.923-.923.923a2.77 2.77 0 01-2.77-2.77c0-1.417.32-2.76.89-3.96.328-.687-.13-1.578-.892-1.578m0 0H6.612c-1.264 0-2.395-.854-2.528-2.11A14.937 14.937 0 014 15.154c0-3.505 1.22-6.725 3.26-9.257C7.737 5.305 8.475 5 9.235 5h4.943a5.54 5.54 0 011.752.284l3.833 1.278a5.54 5.54 0 001.751.284h1.989m-13.044 12h2.772m10.272-12a11.007 11.007 0 00-.333-.741c-.243-.492.096-1.105.645-1.105h1.117c1.094 0 2.108.638 2.427 1.684C27.776 8.049 28 9.498 28 11c0 1.91-.363 3.737-1.023 5.413-.376.953-1.337 1.51-2.36 1.51H23.32c-.58 0-.917-.684-.615-1.18A11.026 11.026 0 0024.308 11c0-1.469-.286-2.871-.805-4.154z" }) })));
+};
+ThumbsDown.displayName = 'ThumbsDown';
+
+var Visa = function (props) {
+    return (jsxs(Icon, __assign({}, props, { stroke: "none", children: [jsx("rect", { width: "27", height: "18", fill: "#1434CB", rx: "2" }), jsx("rect", { width: "26", height: "17", x: "0.5", y: "0.5", stroke: "#000", strokeOpacity: "0.2", rx: "1.5" }), jsx("path", { fill: "#fff", d: "M16.678 5.486c-1.491 0-2.824.773-2.824 2.2 0 1.638 2.364 1.751 2.364 2.574 0 .347-.397.656-1.075.656-.962 0-1.682-.433-1.682-.433l-.307 1.441s.828.366 1.928.366c1.63 0 2.913-.81 2.913-2.263 0-1.73-2.373-1.84-2.373-2.604 0-.271.326-.568 1.002-.568.763 0 1.385.315 1.385.315l.301-1.392s-.677-.292-1.632-.292zm-13.642.105L3 5.801s.627.115 1.192.344c.728.263.78.415.902.89l1.335 5.147h1.79l2.757-6.59H9.19l-1.771 4.48-.723-3.798c-.066-.435-.402-.683-.813-.683H3.036zm8.658 0l-1.4 6.59h1.702l1.396-6.59h-1.698zm9.496 0c-.41 0-.628.22-.787.604l-2.495 5.987h1.786l.345-.998h2.175l.21.998H24l-1.375-6.59H21.19zm.233 1.78l.529 2.474h-1.418l.889-2.473z" })] })));
+};
+Visa.displayName = 'Visa';
+
+var World = 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;
+    return (jsx(Icon, { width: width, height: height, viewBox: viewBox, children: jsx("path", { stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M17.375 5.036v.662c0 .39.173.759.472 1.008l1.247 1.039c.515.43.624 1.178.252 1.736l-.596.895c-.324.485-.8.85-1.354 1.034l-.166.055a1.292 1.292 0 00-.667 1.942 1.292 1.292 0 01-.497 1.873L13 16.813l.494 1.234a1.115 1.115 0 01-1.927 1.084l-.793-1.057a1.313 1.313 0 00-2.224.2l-.8 1.601-.714.178M17.375 5.037A10.64 10.64 0 0016.5 5C10.701 5 6 9.701 6 15.5c0 1.631.372 3.176 1.036 4.553M17.375 5.037C22.765 5.48 27 9.996 27 15.5c0 2.192-.672 4.228-1.821 5.912m0 0l-.206-.617A2.625 2.625 0 0022.483 19h-.733l-.378-.378a1.695 1.695 0 00-2.716.44l-.042.085a1.85 1.85 0 01-1.146.952l-1.154.33a1.313 1.313 0 00-.934 1.477l.085.51c.092.554.57.959 1.132.959.987 0 1.864.632 2.176 1.569l.25.75m6.156-4.282a10.513 10.513 0 01-6.156 4.283m0 0c-.808.2-1.653.305-2.523.305a10.5 10.5 0 01-9.464-5.947M20.875 12a3.492 3.492 0 01-1.185 2.625" }) }));
+};
+World.displayName = 'World';
+
+var AISearch = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M15.1428 25.4284C20.8235 25.4284 25.4285 20.8234 25.4285 15.1427C25.4285 9.46206 20.8235 4.85699 15.1428 4.85699C9.46219 4.85699 4.85712 9.46206 4.85712 15.1427C4.85712 20.8234 9.46219 25.4284 15.1428 25.4284Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M22.4113 22.4116L27.1427 27.1431", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M9.91351 15.7052C9.28298 15.5955 9.28298 14.6903 9.91351 14.5806C12.1978 14.1832 14.0146 12.4433 14.5105 10.1784L14.5485 10.0047C14.6849 9.38158 15.5722 9.37771 15.714 9.99965L15.7602 10.202C16.2744 12.4563 18.0917 14.1815 20.3696 14.5778C21.0034 14.688 21.0034 15.5978 20.3696 15.7081C18.0917 16.1043 16.2744 17.8295 15.7602 20.0838L15.714 20.2862C15.5722 20.9081 14.6849 20.9042 14.5485 20.2811L14.5105 20.1075C14.0146 17.8425 12.1978 16.1026 9.91351 15.7052Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+AISearch.displayName = 'AI Search';
+
+var AIGenerate = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M13.053 18.1102H5.93945C5.47726 18.1102 5.10257 18.4849 5.10257 18.9471V26.0606C5.10257 26.5228 5.47726 26.8976 5.93945 26.8976H13.053C13.5152 26.8976 13.8899 26.5228 13.8899 26.0606V18.9471C13.8899 18.4849 13.5152 18.1102 13.053 18.1102Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M26.0606 18.1102H18.947C18.4848 18.1102 18.1101 18.4849 18.1101 18.9471V26.0606C18.1101 26.5228 18.4848 26.8976 18.947 26.8976H26.0606C26.5228 26.8976 26.8973 26.5228 26.8973 26.0606V18.9471C26.8973 18.4849 26.5228 18.1102 26.0606 18.1102Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M13.053 5.10242H5.93945C5.47726 5.10242 5.10257 5.47711 5.10257 5.9393V13.0529C5.10257 13.5151 5.47726 13.8898 5.93945 13.8898H13.053C13.5152 13.8898 13.8899 13.5151 13.8899 13.0529V5.9393C13.8899 5.47711 13.5152 5.10242 13.053 5.10242Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M17.9639 10.1447C17.4486 10.055 17.4486 9.31531 17.9639 9.22567C19.8307 8.9009 21.3154 7.47899 21.7207 5.62798L21.7517 5.48609C21.8632 4.97681 22.5883 4.97364 22.7042 5.48192L22.7419 5.64728C23.1622 7.48957 24.6473 8.89946 26.509 9.22333C27.0269 9.31343 27.0269 10.0569 26.509 10.147C24.6473 10.4709 23.1622 11.8808 22.7419 13.7231L22.7042 13.8884C22.5883 14.3967 21.8632 14.3936 21.7517 13.8843L21.7207 13.7424C21.3154 11.8914 19.8307 10.4695 17.9639 10.1447Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+AIGenerate.displayName = 'AI Generate';
+
+var AIPrompt = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M12.6057 9.97479H6.6057C6.15104 9.97479 5.71501 10.1554 5.39352 10.4769C5.07203 10.7984 4.89142 11.2344 4.89142 11.6891V25.4035C4.89142 25.8581 5.07203 26.294 5.39352 26.6156C5.71501 26.9371 6.15104 27.1177 6.6057 27.1177H22.0342C22.981 27.1177 23.7485 26.3501 23.7485 25.4035V18.5462", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M4.89142 14.2605H16.0343", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M9.17712 22.832L11.7486 20.2605L9.17712 17.689", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M14.3199 22.8319H16.8914", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M16.6788 10.769C16.0772 10.6643 16.0772 9.8007 16.6788 9.69604C18.8583 9.31687 20.5917 7.65681 21.0648 5.49578L21.1011 5.33013C21.2312 4.73556 22.0778 4.73186 22.2132 5.32527L22.2572 5.51832C22.7477 7.66915 24.4817 9.31519 26.6551 9.6933C27.2597 9.7985 27.2597 10.6665 26.6551 10.7717C24.4817 11.1498 22.7477 12.7959 22.2572 14.9467L22.2132 15.1397C22.0778 15.7332 21.2312 15.7294 21.1011 15.1349L21.0648 14.9692C20.5917 12.8082 18.8583 11.1481 16.6788 10.769Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+AIPrompt.displayName = 'AI Prompt';
+
+var AIRedo = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M7.49634 27.0544V22.8028H11.748", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M26.8667 13.9685C27.9245 19.5942 24.4819 25.1715 18.8611 26.6776C14.5591 27.8303 10.1697 26.2798 7.49634 23.0672", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M5.13338 18.0315C4.07549 12.4058 7.5182 6.82849 13.139 5.32241C17.4406 4.16978 21.8298 5.72006 24.5032 8.93219", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M24.503 4.94592V9.19761H20.2514", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M11.0108 16.572C10.4092 16.4673 10.4092 15.6037 11.0108 15.499C13.1902 15.1199 14.9237 13.4598 15.3968 11.2988L15.433 11.1331C15.5632 10.5385 16.4098 10.5348 16.5451 11.1282L16.5892 11.3213C17.0797 13.4721 18.8136 15.1182 20.9871 15.4963C21.5917 15.6015 21.5917 16.4695 20.9871 16.5747C18.8136 16.9528 17.0797 18.5988 16.5892 20.7497L16.5451 20.9427C16.4098 21.5362 15.5632 21.5324 15.433 20.9379L15.3968 20.7722C14.9237 18.6112 13.1902 16.9511 11.0108 16.572Z", stroke: props.stroke || 'black', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+AIRedo.displayName = 'AI Redo';
+
+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: "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: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M5.61538 9.133L1.92308 10.0561L1 6.36377", stroke: "black", 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: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+Refresh.displayName = 'Refresh';
+
+export { Check as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, ToastContainer as G, Tooltip as H, IncrementNumber as I, Multiselect as J, NavBarSide as K, Link as L, Message as M, NavBar as N, Alert as O, PasswordInput as P, Arrow as Q, RadioButton as R, SegmentedControl as S, Table as T, Attachment as U, AvatarPlaceholder as V, Bell as W, Calendar as X, Cat as Y, Chat as Z, Chevron as _, AccordionItem as a, ChevronCollapse as a0, Clock as a1, Close as a2, Cloud as a3, Delete as a4, Document as a5, Dog as a6, EyeHide as a7, EyeShow as a8, Fingerprint as a9, Upload as aA, Visa as aB, Warning as aC, World as aD, AISearch as aE, AIGenerate as aF, AIPrompt as aG, AIRedo as aH, Refresh as aI, capitalizeFirstSentenceLetter as aJ, Google as aa, Grid as ab, Hamburger as ac, HappyFace as ad, House as ae, HouseTime as af, Identification as ag, Info as ah, Location as ai, Mail as aj, Menu as ak, MenuTouched as al, Notification as am, Open as an, Pets as ao, Phone as ap, Plaid as aq, Plus as ar, Remove as as, Search as at, Shield as au, StepIndicator as av, ThreeDots as aw, ThumbsDown as ax, Tick as ay, Umbrello as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, badgeVariantMap as h, Button as i, cardStatusVariantMap as j, CardStatus as k, Checkbox as l, Chip as m, Dropdown as n, FileUpload as o, Input as p, LinkModal as q, Loader as r, Modal as s, Pagination as t, Select as u, StatusBadge as v, Stepper as w, Tabs as x, Text as y, Textarea as z };
+//# sourceMappingURL=index-BeIykrFW.js.map