@jars-labs/jars-components 1.0.73 → 1.0.75

package/dist/{index-ChsSdu-z.js → index-D0TkbGNN.js}

@@ -1,5 +1,5 @@
 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 { 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, Tooltip as Tooltip$1, Box, Tabs as Tabs$1, Pagination as Pagination$1, Radio, SegmentedControl as SegmentedControl$1, Select as Select$1, Stepper as Stepper$1, StepperStep, Progress, Table as Table$1, Textarea as Textarea$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';
@@ -183,7 +183,7 @@ var Animation = function (_a) {
     var refVector = useRef(null);
     var _b = useState(null), lottie = _b[0], setLottie = _b[1];
     useEffect(function () {
-        import('./lottie-Bf0ETeWb.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
+        import('./lottie-CLsorIyy.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
     }, []);
     useEffect(function () {
         if (lottie && refVector.current) {
@@ -1050,58 +1050,6 @@ var IncrementNumber = function (props) {
 };
 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"};
 
 /**
@@ -1227,6 +1175,188 @@ var Message = function (_a) {
 };
 Message.displayName = 'Message';
 
+var multiselectStyles = {"input":"Multiselect-module_input__lwmrJ","inputFocused":"Multiselect-module_inputFocused__rm-OP","disabled":"Multiselect-module_disabled__DyqLt","pill":"Multiselect-module_pill__NwXcT","pillText":"Multiselect-module_pillText__6hobG"};
+
+var styles$8 = {"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$8.tooltip,
+        }, offset: 4, children: children })));
+};
+Tooltip.displayName = 'Tooltip';
+
+/**
+ * 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 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) {
@@ -1286,13 +1416,78 @@ var NavBar = function (_a) {
 };
 NavBar.displayName = 'NavBar';
 
+var styles$7 = {"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$7.navbarSideContainer, children: jsxs(Tabs$1, { value: value, onChange: onChange, orientation: "vertical", keepMounted: false, classNames: {
+                list: styles$7.tabsList,
+                tab: styles$7.tab,
+                panel: styles$7.tabsPanel,
+                root: styles$7.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 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';
+Pagination.displayName = 'Pagination';
+
+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$8 = {"radio":"RadioButton-module_radio__0A47m","label":"RadioButton-module_label__4gTzQ","disabled-label":"RadioButton-module_disabled-label__Nk0NW"};
+var styles$6 = {"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).
@@ -1309,15 +1504,15 @@ 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,
+            radio: styles$6.radio,
+            label: classNames(styles$6.label, (_b = {},
+                _b[styles$6['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"};
+var styles$5 = {"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).
@@ -1332,18 +1527,18 @@ var styles$7 = {"root":"SegmentedControl-module_root__iVJTH","control":"Segmente
 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,
+            root: styles$5.root,
+            control: styles$5.control,
+            input: styles$5.input,
+            label: styles$5.label,
+            indicator: styles$5.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"};
+var styles$4 = {"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
@@ -1371,7 +1566,7 @@ var Select = function (_a) {
     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 ErrorSection = useMemo(function () { return (jsxs(Flex, { className: styles$4.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$4.errorText), children: error })] })); }, [error]);
     var handleBlur = function () {
         setIsFocused(false);
         if (onBlur) {
@@ -1381,18 +1576,18 @@ var Select = function (_a) {
             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,
+    return (jsxs("div", { className: styles$4.container, children: [showLabel && (jsx("label", { className: classNames(styles$4.label, (_b = {},
+                    _b[styles$4.labelError] = error && !isFocused,
+                    _b[styles$4.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,
+                        input: classNames(styles$4.input, (_c = {},
+                            _c[styles$4.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,
+                        label: styles$4['default-label'],
+                        dropdown: styles$4.dropdown,
+                        option: styles$4.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$4.description }, errorProps: { className: styles$4.error }, rightSection: jsx(Chevron, { rotate: isOpen ? 90 : 270 }), rightSectionPointerEvents: "none", rightSectionProps: {
+                        className: styles$4.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';
@@ -1437,7 +1632,7 @@ var Notification = function (_a) {
 };
 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 styles$3 = {"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"]);
@@ -1494,15 +1689,15 @@ var Stepper = function (_a) {
                     : '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,
+                    steps: fullSize ? styles$3.stepsFullSize : styles$3.steps,
+                    stepDescription: styles$3.stepDescription,
+                    stepBody: styles$3.stepBody,
+                    separator: styles$3.separator,
+                    content: styles$3.content,
+                    step: styles$3.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({
+                        stepLabel: index === active ? styles$3.stepLabelInactive : styles$3.stepLabel,
+                    }, icon: jsx(Notification, { width: "32px", height: "32px", fill: "var(--color-white)" }) }, index)); }) })), jsx(Flex, { className: styles$3.progressWrapper, children: jsx(Progress, { value: ((active + 1) / steps.length) * 100, size: 10, radius: "xl", color: "var(--color-primary-200)", w: fullSize ? '100%' : '60%' }) }), jsx(Flex, { className: styles$3.stepWrapper, children: (_b = steps[active]) === null || _b === undefined ? undefined : _b.content }), showControls && (jsxs(Flex, { className: styles$3.buttonsWrapper, children: [active > 0 ? (backButton ? (backButton({ prevStep: prevStep, active: active })) : (jsx(Button, { variant: "outlined", size: "medium", onClick: prevStep, icon: jsx(Arrow, { width: "18px", height: "18px", rotate: 180 }), children: "Back" }))) : (jsx("div", {})), nextButton ? (nextButton({
                         nextStep: nextStep,
                         active: active,
                         disabled: ((_c = steps[active]) === null || _c === undefined ? undefined : _c.isValid) === false,
@@ -1510,7 +1705,7 @@ var Stepper = function (_a) {
 };
 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"};
+var styles$2 = {"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"};
 
 /**
  *
@@ -1547,12 +1742,12 @@ function Table(_a) {
         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 }) }))] }));
+    return (jsxs(Fragment, { children: [jsxs(Table$1, { className: "".concat(styles$2.table, " ").concat(showCheckboxes ? styles$2.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$2.tableHeaderCell, children: jsx(Checkbox, { checked: selectedItems.length === data.length, onChange: handleSelectAll }) })), columns.map(function (column) { return (jsx(Table$1.Th, { className: styles$2.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$2.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$2.tableRow, " ").concat(disabled ? styles$2.disabledRow : ''), onClick: !disabled ? item.handleClick : undefined, children: [showCheckboxes && (jsx(Table$1.Td, { className: styles$2.tableRow, children: jsx(Checkbox, { checked: selectedItems.includes(item), onChange: function () { return handleCheckboxChange(item); } }) })), columns.map(function (column) { return (jsx(Table$1.Td, { className: styles$2.tableRow, children: renderCell(item, column) }, column.key)); })] }, index)); }) })), disabled && (jsx("div", { className: styles$2.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$2.empty, children: jsxs(Flex, { className: styles$2.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$2.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"};
+var styles$1 = {"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"};
 
 /**
  *
@@ -1581,11 +1776,11 @@ 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',
+            list: styles$1.list,
+            panel: styles$1.panel,
+            tab: classNames(styles$1.tab, (_b = {},
+                _b[styles$1.tabXs] = size === 'xs',
+                _b[styles$1.tabSm] = size === 'sm',
                 _b)),
         } }, props)));
 };
@@ -1620,215 +1815,46 @@ var Textarea = function (_a) {
 };
 Textarea.displayName = 'Textarea';
 
-var styles$2 = {"toast-container":"ToastContainer-module_toast-container__4KBx3"};
+var styles = {"toast-container":"ToastContainer-module_toast-container__4KBx3"};
 
 var ToastContainer = function () {
-    return (jsx(ToastContainer$1, { theme: "dark", className: styles$2['toast-container'], progressStyle: {
+    return (jsx(ToastContainer$1, { theme: "dark", className: styles['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 })));
+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" })] })));
 };
-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"};
+AIGenerate.displayName = 'AI Generate';
 
-/**
- * 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] }));
-        } }));
+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" })] })));
 };
-MultiselectInternal.displayName = 'MultiselectInternal';
+AIPrompt.displayName = 'AI Prompt';
 
-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 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 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)); })] }) }));
+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" })] })));
 };
-NavBarSide.displayName = 'NavBarSide';
+AISearch.displayName = 'AI Search';
 
 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 Archive = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '24px' : _b, _c = _a.height, height = _c === undefined ? '24px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 24 24' : _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, viewBox: viewBox, fill: fill, children: jsx("path", { d: "M21 8V21H3V8M10 12H14M1 3H23V8H1V3Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+Archive.displayName = 'Archive';
+
 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" }) })));
 };
@@ -1840,6 +1866,12 @@ var Bell = function (_a) {
 };
 Bell.displayName = 'Bell';
 
+var Camera = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '24px' : _b, _c = _a.height, height = _c === undefined ? '25px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 24 25' : _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("path", { d: "M6.82689 6.6749C6.46581 7.25354 5.86127 7.63398 5.186 7.72994C4.80655 7.78386 4.42853 7.84223 4.05199 7.90497C2.99912 8.08042 2.25 9.00663 2.25 10.074V18.5C2.25 19.7426 3.25736 20.75 4.5 20.75H19.5C20.7426 20.75 21.75 19.7426 21.75 18.5V10.074C21.75 9.00664 21.0009 8.08043 19.948 7.90498C19.5715 7.84223 19.1934 7.78387 18.814 7.72995C18.1387 7.63398 17.5342 7.25354 17.1731 6.67491L16.3519 5.35889C15.9734 4.75237 15.3294 4.35838 14.6155 4.32005C13.7496 4.27355 12.8775 4.25 12 4.25C11.1225 4.25 10.2504 4.27355 9.3845 4.32005C8.6706 4.35838 8.02658 4.75237 7.64809 5.35889L6.82689 6.6749Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M16.5 13.25C16.5 15.7353 14.4853 17.75 12 17.75C9.51472 17.75 7.5 15.7353 7.5 13.25C7.5 10.7647 9.51472 8.75 12 8.75C14.4853 8.75 16.5 10.7647 16.5 13.25Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M18.75 11H18.7575V11.0075H18.75V11Z", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }));
+};
+Camera.displayName = 'Camera';
+
 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" })] })));
 };
@@ -1863,6 +1895,18 @@ var Cloud = function (_a) {
 };
 Cloud.displayName = 'Cloud';
 
+var CloudUpload = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '41' : _b, _c = _a.height, height = _c === undefined ? '40' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 41 40' : _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, fill: fill, viewBox: viewBox, children: [jsx("path", { d: "M20.5003 31.6667V20", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M16.8887 23.3333L20.5003 19.7217L24.112 23.3333", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M27.1667 31.6668H31.4334C34.6467 31.6668 37.2667 29.0468 37.2667 25.8335C37.2667 22.6202 34.6467 20.0002 31.4334 20.0002H30.7084V18.3335C30.7084 12.8168 26.2251 8.3335 20.7084 8.3335C15.7467 8.3335 11.6334 11.9635 10.8534 16.7052C6.89173 16.9068 3.7334 20.1552 3.7334 24.1668C3.7334 28.3085 7.09173 31.6668 11.2334 31.6668H13.8334", stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }));
+};
+CloudUpload.displayName = 'CloudUpload';
+
+var CreditCard = function (_a) {
+    var _b = _a.width, width = _b === undefined ? '25px' : _b, _c = _a.height, height = _c === undefined ? '25px' : _c, _d = _a.viewBox, viewBox = _d === undefined ? '0 0 25 25' : _d, _e = _a.fill, fill = _e === undefined ? 'none' : _e;
+    return (jsxs(Icon, { width: width, height: height, viewBox: viewBox, fill: fill, children: [jsx("path", { d: "M22.2222 3.66406H2.67005C1.68838 3.66406 0.892578 4.44814 0.892578 5.41534V18.5499C0.892578 19.5171 1.68838 20.3012 2.67005 20.3012H22.2222C23.2039 20.3012 23.9997 19.5171 23.9997 18.5499V5.41534C23.9997 4.44814 23.2039 3.66406 22.2222 3.66406Z", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M0.892578 9.20996H23.9997", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M16.6055 15.6797H19.3783", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+};
+CreditCard.displayName = 'CreditCard';
+
 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" }) })));
 };
@@ -1969,6 +2013,11 @@ var Plus = function (_a) {
 };
 Plus.displayName = 'Plus';
 
+var Refresh = function (props) {
+    return (jsxs(Icon, __assign({}, props, { children: [jsx("path", { d: "M20.3846 16.5176L24.077 15.5945L25 19.2869", stroke: "black", strokeWidth: "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';
+
 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" })] }));
@@ -2002,30 +2051,5 @@ var World = function (_a) {
 };
 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-ChsSdu-z.js.map
+export { Bell as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, Text as G, Textarea as H, IncrementNumber as I, ToastContainer as J, Tooltip as K, Link as L, Message as M, NavBar as N, AIGenerate as O, Pagination as P, AIPrompt as Q, RadioButton as R, SegmentedControl as S, Table as T, AIRedo as U, AISearch as V, Alert as W, Archive as X, Arrow as Y, Attachment as Z, AvatarPlaceholder as _, AccordionItem as a, Calendar as a0, Camera as a1, Cat as a2, Chat as a3, Check as a4, Chevron as a5, ChevronCollapse as a6, Clock as a7, Close as a8, Cloud as a9, Refresh as aA, Remove as aB, Search as aC, Shield as aD, StepIndicator as aE, ThreeDots as aF, ThumbsDown as aG, Tick as aH, Umbrello as aI, Upload as aJ, Visa as aK, Warning as aL, World as aM, capitalizeFirstSentenceLetter as aN, CloudUpload as aa, CreditCard as ab, Delete as ac, Document as ad, Dog as ae, EyeHide as af, EyeShow as ag, Fingerprint as ah, Google as ai, Grid as aj, Hamburger as ak, HappyFace as al, House as am, HouseTime as an, Identification as ao, Info as ap, Location as aq, Mail as ar, Menu as as, MenuTouched as at, Notification as au, Open as av, Pets as aw, Phone as ax, Plaid as ay, Plus 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, Multiselect as t, NavBarSide as u, PasswordInput as v, Select as w, StatusBadge as x, Stepper as y, Tabs as z };
+//# sourceMappingURL=index-D0TkbGNN.js.map