@jars-labs/jars-components 1.1.9 → 1.2.1

package/dist/{index-DugdOx47.js → index-imn0YJFq.js}

@@ -1,6 +1,6 @@
 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, Avatar as Avatar$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 React, { useRef, useState, useEffect, forwardRef, useMemo, useId, 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-B07UQWO7.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
+        import('./lottie-rfC_wLbF.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
     }, []);
     useEffect(function () {
         if (lottie && refVector.current) {
@@ -1127,7 +1127,7 @@ var Link = function (_a) {
 };
 Link.displayName = 'Link';
 
-var styles$c = {"modal":"Modal-module_modal__gMPgi","body":"Modal-module_body__OhLb0","header":"Modal-module_header__5sBzU"};
+var styles$c = {"modal":"Modal-module_modal__gMPgi","body":"Modal-module_body__OhLb0","body--sm":"Modal-module_body--sm__PDhpT","body--md":"Modal-module_body--md__n3n3a","header":"Modal-module_header__5sBzU","actions":"Modal-module_actions__SzSYl","root":"Modal-module_root__8jbgq","inner":"Modal-module_inner__hm2ft","slide-up":"Modal-module_slide-up__mghqt"};
 
 var Modal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, noLabel = _a.noLabel, yesLabel = _a.yesLabel, invertColors = _a.invertColors, underButton = _a.underButton, no = _a.no, yes = _a.yes, _b = _a.size, size = _b === undefined ? 'sm' : _b, _c = _a.padding, padding = _c === undefined ? 'sm' : _c, _d = _a.customRadius, customRadius = _d === undefined ? 16 : _d, children = _a.children, _e = _a.disabled, disabled = _e === undefined ? false : _e;
@@ -1143,23 +1143,17 @@ var Modal = function (_a) {
         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: {
+            root: styles$c.root,
+            inner: styles$c.inner,
             content: styles$c.modal,
-            body: styles$c.body,
+            body: classNames(styles$c.body, styles$c["body--".concat(padding)]),
             header: styles$c.header,
-        }, styles: {
-            body: {
-                padding: paddingMap[padding],
-            },
-        }, centered: true, children: [children, jsxs(Flex, { direction: 'column', gap: 16, w: 312, children: [noLabel && (jsx(Button, { disabled: disabled, variant: invertColors ? 'filled' : 'outlined', onClick: no, label: noLabel })), yesLabel && (jsx(Button, { disabled: disabled, variant: invertColors ? 'outlined' : 'filled', onClick: yes, label: yesLabel }))] }), underButton] }));
+        }, centered: true, children: [children, jsxs(Flex, { className: styles$c.actions, children: [noLabel && (jsx(Button, { disabled: disabled, variant: invertColors ? 'filled' : 'outlined', onClick: no, label: noLabel })), yesLabel && (jsx(Button, { disabled: disabled, variant: invertColors ? 'outlined' : 'filled', onClick: yes, label: yesLabel }))] }), underButton] }));
 };
 Modal.displayName = 'Modal';
 
@@ -1391,13 +1385,19 @@ var MultiselectInternal = function (_a) {
 };
 MultiselectInternal.displayName = 'MultiselectInternal';
 
-var navBarStyles = {"navbar":"NavBar-module_navbar__3OCDa","navbarContent":"NavBar-module_navbarContent__yIQpp","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 navBarStyles = {"navbar":"NavBar-module_navbar__3OCDa","navbarContent":"NavBar-module_navbarContent__yIQpp","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","mobileToggle":"NavBar-module_mobileToggle__yHIcZ","mobileMenu":"NavBar-module_mobileMenu__fwsL3","mobileMenu--open":"NavBar-module_mobileMenu--open__Ci0KP","mobileMenuList":"NavBar-module_mobileMenuList__0GSvZ","mobileMenuItem":"NavBar-module_mobileMenuItem__FS4aB","mobileMenuItemText":"NavBar-module_mobileMenuItemText__DPCKJ","mobileSubnav":"NavBar-module_mobileSubnav__FRLJ-","mobileSubnav--open":"NavBar-module_mobileSubnav--open__6DhMI","mobileSubnavItem":"NavBar-module_mobileSubnavItem__g5kVn","mobileMenuFooter":"NavBar-module_mobileMenuFooter__unaQB"};
 
 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 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 formatPaddingValue = function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;
 };
@@ -1415,6 +1415,9 @@ var NavBar = function (_a) {
     var _c = useState(null), expandedIdx = _c[0], setExpandedIdx = _c[1];
     var _d = useState(0), dropdownHeight = _d[0], setDropdownHeight = _d[1];
     var dropdownRef = useRef(null);
+    var _e = useState(false), mobileOpen = _e[0], setMobileOpen = _e[1];
+    var _f = useState(null), mobileExpandedIdx = _f[0], setMobileExpandedIdx = _f[1];
+    var mobileMenuId = useId();
     useLayoutEffect(function () {
         if (expandedIdx !== null && dropdownRef.current) {
             setDropdownHeight(dropdownRef.current.offsetHeight);
@@ -1423,6 +1426,21 @@ var NavBar = function (_a) {
             setDropdownHeight(0);
         }
     }, [expandedIdx, links]);
+    useEffect(function () {
+        if (!mobileOpen)
+            return;
+        document.body.style.overflow = 'hidden';
+        var handleKeyDown = function (e) {
+            if (e.key === 'Escape')
+                setMobileOpen(false);
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return function () {
+            document.body.style.overflow = '';
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [mobileOpen]);
+    var hasMobileMenuContent = !!(links === null || links === undefined ? undefined : links.length) || !!rightContent;
     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 isItemActive = function (item) {
         return !!item.href && (currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(item.href));
@@ -1435,39 +1453,82 @@ var NavBar = function (_a) {
             onLinkClick(href);
         }
     };
-    return (jsxs(Fragment, { children: [expandedIdx !== null && jsx(Box, { className: navBarStyles.overlay }), jsx(Flex, __assign({ bg: "var(--color-white)", component: "nav", className: [
+    var closeMobileMenu = function () {
+        setMobileOpen(false);
+        setMobileExpandedIdx(null);
+    };
+    var handleMobileToggleClick = function () {
+        if (mobileOpen) {
+            closeMobileMenu();
+        }
+        else {
+            setMobileOpen(true);
+        }
+    };
+    var handleMobileParentClick = function (idx) {
+        setMobileExpandedIdx(function (prev) { return (prev === idx ? null : idx); });
+    };
+    return (jsxs(Fragment, { children: [(expandedIdx !== null || mobileOpen) && (jsx(Box, { className: navBarStyles.overlay, onClick: function () {
+                    setExpandedIdx(null);
+                    closeMobileMenu();
+                } })), jsxs(Flex, __assign({ bg: "var(--color-white)", component: "nav", className: [
                     navBarStyles.navbar,
                     expandedIdx !== null && navBarStyles['navbar--dropdown-open'],
                 ]
                     .filter(Boolean)
-                    .join(' ') }, rest, { style: __assign(__assign({ position: 'relative', paddingBlock: '24px', paddingInline: '120px' }, getNavbarPaddingStyle(padding)), (expandedIdx !== null
-                    ? (_b = {}, _b['--navbar-dropdown-height'] = "".concat(dropdownHeight, "px"), _b) : {})), children: jsxs(Flex, { align: "center", justify: "space-between", gap: 16, className: navBarStyles.navbarContent, style: maxContentWidth != null
-                        ? { maxWidth: formatMaxContentWidth(maxContentWidth) }
-                        : undefined, 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 +
-                                                        (isItemActive(item)
-                                                            ? ' ' + navBarStyles['menuItemText--bold']
-                                                            : ''), 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) {
+                    .join(' ') }, rest, { style: __assign(__assign({ position: 'relative' }, getNavbarPaddingStyle(padding)), (expandedIdx !== null
+                    ? (_b = {}, _b['--navbar-dropdown-height'] = "".concat(dropdownHeight, "px"), _b) : {})), children: [jsxs(Flex, { align: "center", justify: "space-between", gap: 16, className: navBarStyles.navbarContent, style: maxContentWidth != null
+                            ? { maxWidth: formatMaxContentWidth(maxContentWidth) }
+                            : undefined, 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, sub.href);
-                                                        }, className: navBarStyles.subnavItem +
-                                                            ((currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href))
+                                                            handleNavigation(e, item.href);
+                                                        }, className: navBarStyles.menuItemText +
+                                                            (isItemActive(item)
                                                                 ? ' ' + navBarStyles['menuItemText--bold']
-                                                                : ''), children: sub.title }, sub.href)); }) }))] }, item.title));
-                                    }) }), jsx(Box, { className: navBarStyles.rightContent, children: rightContent })] })] }) }))] }));
+                                                                : ''), 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 })] }), hasMobileMenuContent && (jsx("button", { type: "button", className: navBarStyles.mobileToggle, onClick: handleMobileToggleClick, "aria-expanded": mobileOpen, "aria-controls": mobileMenuId, "aria-label": mobileOpen ? 'Close menu' : 'Open menu', children: mobileOpen ? (jsx(Close, { stroke: "var(--color-neutral-600)", width: "28", height: "28" })) : (jsx(Hamburger, { stroke: "var(--color-neutral-600)", width: "28", height: "28" })) }))] }), hasMobileMenuContent && (jsxs(Box, { id: mobileMenuId, role: "menu", "aria-hidden": !mobileOpen, className: navBarStyles.mobileMenu +
+                            (mobileOpen ? ' ' + navBarStyles['mobileMenu--open'] : ''), children: [jsx(Flex, { direction: "column", className: navBarStyles.mobileMenuList, 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);
+                                    var isExpanded = mobileExpandedIdx === idx;
+                                    return (jsxs(Box, { className: navBarStyles.mobileMenuItem, children: [hasSubitems ? (jsxs("button", { type: "button", className: navBarStyles.mobileMenuItemText +
+                                                    (subActive
+                                                        ? ' ' + navBarStyles['menuItemText--bold']
+                                                        : ''), onClick: function () { return handleMobileParentClick(idx); }, "aria-expanded": isExpanded, children: [jsx("span", { "data-text": item.title, children: item.title }), jsx(Chevron, { stroke: "var(--color-neutral-600)", width: "20", height: "20", viewBox: "0 0 24 24", rotate: isExpanded ? 90 : -90 })] })) : (jsx("a", { href: (_b = item.href) !== null && _b !== undefined ? _b : '', onClick: function (e) {
+                                                    handleNavigation(e, item.href);
+                                                    closeMobileMenu();
+                                                }, className: navBarStyles.mobileMenuItemText +
+                                                    (isItemActive(item)
+                                                        ? ' ' + navBarStyles['menuItemText--bold']
+                                                        : ''), "data-text": item.title, children: item.title })), hasSubitems && (jsx(Flex, { direction: "column", className: navBarStyles.mobileSubnav +
+                                                    (isExpanded
+                                                        ? ' ' + navBarStyles['mobileSubnav--open']
+                                                        : ''), 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) {
+                                                        handleNavigation(e, sub.href);
+                                                        closeMobileMenu();
+                                                    }, className: navBarStyles.mobileSubnavItem +
+                                                        ((currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href))
+                                                            ? ' ' + navBarStyles['menuItemText--bold']
+                                                            : ''), children: sub.title }, sub.href)); }) }))] }, item.title));
+                                }) }), rightContent && (jsx(Box, { className: navBarStyles.mobileMenuFooter, children: rightContent }))] }))] }))] }));
 };
 NavBar.displayName = 'NavBar';
 
@@ -2071,12 +2132,6 @@ var Grid = function (props) {
 };
 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" }) })));
 };
@@ -2198,4 +2253,4 @@ var World = function (_a) {
 World.displayName = 'World';
 
 export { Arrow as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, StatusBadge as G, Stepper as H, IncrementNumber as I, Tabs as J, Text as K, Link as L, Message as M, NavBar as N, Textarea as O, Pagination as P, ToastContainer as Q, RadioButton as R, SegmentedControl as S, Table as T, Tooltip as U, AIGenerate as V, AIPrompt as W, AIRedo as X, AISearch as Y, Alert as Z, Archive as _, AccordionItem as a, Attachment as a0, AvatarPlaceholder as a1, Bell as a2, Calendar as a3, Camera as a4, Cat as a5, Chat as a6, Check as a7, CheckSquare as a8, Chevron as a9, MenuTouched as aA, Notification as aB, Open as aC, Pets as aD, Phone as aE, Plaid as aF, Plus as aG, Refresh as aH, Remove as aI, Search as aJ, Shield as aK, StepIndicator as aL, ThreeDots as aM, ThumbsDown as aN, Tick as aO, Umbrello as aP, Upload as aQ, Visa as aR, Warning as aS, World as aT, capitalizeFirstSentenceLetter as aU, ChevronCollapse as aa, Clock as ab, Close as ac, Cloud as ad, CloudUpload as ae, CreditCard as af, Curriculum as ag, Delete as ah, Document as ai, Dog as aj, EyeHide as ak, EyeShow as al, Fingerprint as am, Flash as an, Google as ao, Grid as ap, Hamburger as aq, HappyFace as ar, House as as, HouseCheck as at, HouseTime as au, Identification as av, Info as aw, Location as ax, Mail as ay, Menu as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, Avatar as h, badgeVariantMap as i, Button as j, cardStatusVariantMap as k, CardStatus as l, Checkbox as m, Chip as n, Dropdown as o, FileUpload as p, Input as q, LinkModal as r, Loader as s, Modal as t, Multiselect as u, NavBarSide as v, PasswordInput as w, Pill as x, ProgressStepper as y, Select as z };
-//# sourceMappingURL=index-DugdOx47.js.map
+//# sourceMappingURL=index-imn0YJFq.js.map