@jars-labs/jars-components 1.1.8 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index-BswprZpZ.js → index-CAIOxTa3.js} +102 -40
- package/dist/index-CAIOxTa3.js.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/{lottie-CzEUvYDu.js → lottie-B049-AA6.js} +2 -2
- package/dist/{lottie-CzEUvYDu.js.map → lottie-B049-AA6.js.map} +1 -1
- package/dist/types/Icons/UserMultiple.d.ts +6 -0
- package/dist/types/Icons/UserMultiple.d.ts.map +1 -0
- package/dist/types/NavBar/NavBar.d.ts.map +1 -1
- package/dist/types/ProgressStepper/ProgressStepper.d.ts +5 -0
- package/dist/types/ProgressStepper/ProgressStepper.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/index-BswprZpZ.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
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';
|
|
3
|
-
import React, { useRef, useState, useEffect, forwardRef, useMemo, useLayoutEffect } from 'react';
|
|
3
|
+
import React, { useRef, useState, useEffect, forwardRef, useMemo, useId, useLayoutEffect } from 'react';
|
|
4
4
|
import { DateInput as DateInput$1 } from '@mantine/dates';
|
|
5
5
|
import { ToastContainer as ToastContainer$1 } from 'react-toastify';
|
|
6
6
|
|
|
@@ -183,7 +183,7 @@ var Animation = function (_a) {
|
|
|
183
183
|
var refVector = useRef(null);
|
|
184
184
|
var _b = useState(null), lottie = _b[0], setLottie = _b[1];
|
|
185
185
|
useEffect(function () {
|
|
186
|
-
import('./lottie-
|
|
186
|
+
import('./lottie-B049-AA6.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
|
|
187
187
|
}, []);
|
|
188
188
|
useEffect(function () {
|
|
189
189
|
if (lottie && refVector.current) {
|
|
@@ -1391,13 +1391,19 @@ var MultiselectInternal = function (_a) {
|
|
|
1391
1391
|
};
|
|
1392
1392
|
MultiselectInternal.displayName = 'MultiselectInternal';
|
|
1393
1393
|
|
|
1394
|
-
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"};
|
|
1394
|
+
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"};
|
|
1395
1395
|
|
|
1396
1396
|
var Umbrello = function (props) {
|
|
1397
1397
|
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" }) })));
|
|
1398
1398
|
};
|
|
1399
1399
|
Umbrello.displayName = 'Umbrello';
|
|
1400
1400
|
|
|
1401
|
+
var Hamburger = function (_a) {
|
|
1402
|
+
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;
|
|
1403
|
+
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" })] }));
|
|
1404
|
+
};
|
|
1405
|
+
Hamburger.displayName = 'Hamburger';
|
|
1406
|
+
|
|
1401
1407
|
var formatPaddingValue = function (value) {
|
|
1402
1408
|
return typeof value === 'number' ? "".concat(value, "px") : value;
|
|
1403
1409
|
};
|
|
@@ -1415,6 +1421,9 @@ var NavBar = function (_a) {
|
|
|
1415
1421
|
var _c = useState(null), expandedIdx = _c[0], setExpandedIdx = _c[1];
|
|
1416
1422
|
var _d = useState(0), dropdownHeight = _d[0], setDropdownHeight = _d[1];
|
|
1417
1423
|
var dropdownRef = useRef(null);
|
|
1424
|
+
var _e = useState(false), mobileOpen = _e[0], setMobileOpen = _e[1];
|
|
1425
|
+
var _f = useState(null), mobileExpandedIdx = _f[0], setMobileExpandedIdx = _f[1];
|
|
1426
|
+
var mobileMenuId = useId();
|
|
1418
1427
|
useLayoutEffect(function () {
|
|
1419
1428
|
if (expandedIdx !== null && dropdownRef.current) {
|
|
1420
1429
|
setDropdownHeight(dropdownRef.current.offsetHeight);
|
|
@@ -1423,6 +1432,21 @@ var NavBar = function (_a) {
|
|
|
1423
1432
|
setDropdownHeight(0);
|
|
1424
1433
|
}
|
|
1425
1434
|
}, [expandedIdx, links]);
|
|
1435
|
+
useEffect(function () {
|
|
1436
|
+
if (!mobileOpen)
|
|
1437
|
+
return;
|
|
1438
|
+
document.body.style.overflow = 'hidden';
|
|
1439
|
+
var handleKeyDown = function (e) {
|
|
1440
|
+
if (e.key === 'Escape')
|
|
1441
|
+
setMobileOpen(false);
|
|
1442
|
+
};
|
|
1443
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
1444
|
+
return function () {
|
|
1445
|
+
document.body.style.overflow = '';
|
|
1446
|
+
window.removeEventListener('keydown', handleKeyDown);
|
|
1447
|
+
};
|
|
1448
|
+
}, [mobileOpen]);
|
|
1449
|
+
var hasMobileMenuContent = !!(links === null || links === undefined ? undefined : links.length) || !!rightContent;
|
|
1426
1450
|
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); }); };
|
|
1427
1451
|
var isItemActive = function (item) {
|
|
1428
1452
|
return !!item.href && (currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(item.href));
|
|
@@ -1435,39 +1459,82 @@ var NavBar = function (_a) {
|
|
|
1435
1459
|
onLinkClick(href);
|
|
1436
1460
|
}
|
|
1437
1461
|
};
|
|
1438
|
-
|
|
1462
|
+
var closeMobileMenu = function () {
|
|
1463
|
+
setMobileOpen(false);
|
|
1464
|
+
setMobileExpandedIdx(null);
|
|
1465
|
+
};
|
|
1466
|
+
var handleMobileToggleClick = function () {
|
|
1467
|
+
if (mobileOpen) {
|
|
1468
|
+
closeMobileMenu();
|
|
1469
|
+
}
|
|
1470
|
+
else {
|
|
1471
|
+
setMobileOpen(true);
|
|
1472
|
+
}
|
|
1473
|
+
};
|
|
1474
|
+
var handleMobileParentClick = function (idx) {
|
|
1475
|
+
setMobileExpandedIdx(function (prev) { return (prev === idx ? null : idx); });
|
|
1476
|
+
};
|
|
1477
|
+
return (jsxs(Fragment, { children: [(expandedIdx !== null || mobileOpen) && (jsx(Box, { className: navBarStyles.overlay, onClick: function () {
|
|
1478
|
+
setExpandedIdx(null);
|
|
1479
|
+
closeMobileMenu();
|
|
1480
|
+
} })), jsxs(Flex, __assign({ bg: "var(--color-white)", component: "nav", className: [
|
|
1439
1481
|
navBarStyles.navbar,
|
|
1440
1482
|
expandedIdx !== null && navBarStyles['navbar--dropdown-open'],
|
|
1441
1483
|
]
|
|
1442
1484
|
.filter(Boolean)
|
|
1443
|
-
.join(' ') }, rest, { style: __assign(__assign({ position: 'relative'
|
|
1444
|
-
? (_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
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
setExpandedIdx(null);
|
|
1459
|
-
handleNavigation(e, item.href);
|
|
1460
|
-
}, className: navBarStyles.menuItemText +
|
|
1461
|
-
(isItemActive(item)
|
|
1462
|
-
? ' ' + navBarStyles['menuItemText--bold']
|
|
1463
|
-
: ''), 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) {
|
|
1485
|
+
.join(' ') }, rest, { style: __assign(__assign({ position: 'relative' }, getNavbarPaddingStyle(padding)), (expandedIdx !== null
|
|
1486
|
+
? (_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
|
|
1487
|
+
? { maxWidth: formatMaxContentWidth(maxContentWidth) }
|
|
1488
|
+
: 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) {
|
|
1489
|
+
var _a, _b, _c;
|
|
1490
|
+
var hasSubitems = !!((_a = item.subitems) === null || _a === undefined ? undefined : _a.length);
|
|
1491
|
+
var subActive = isSubitemActive(item);
|
|
1492
|
+
return (jsxs(Box, { className: navBarStyles.menuItem, onMouseEnter: function () {
|
|
1493
|
+
hasSubitems && setExpandedIdx(idx);
|
|
1494
|
+
}, onMouseLeave: function () {
|
|
1495
|
+
setExpandedIdx(null);
|
|
1496
|
+
}, children: [hasSubitems ? (jsx(Text, { className: navBarStyles.menuItemText +
|
|
1497
|
+
(subActive
|
|
1498
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1499
|
+
: ''), "data-text": item.title, children: item.title })) : (jsx("a", { onClick: function (e) {
|
|
1464
1500
|
setExpandedIdx(null);
|
|
1465
|
-
handleNavigation(e,
|
|
1466
|
-
}, className: navBarStyles.
|
|
1467
|
-
((
|
|
1501
|
+
handleNavigation(e, item.href);
|
|
1502
|
+
}, className: navBarStyles.menuItemText +
|
|
1503
|
+
(isItemActive(item)
|
|
1468
1504
|
? ' ' + navBarStyles['menuItemText--bold']
|
|
1469
|
-
: ''), children:
|
|
1470
|
-
|
|
1505
|
+
: ''), 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) {
|
|
1506
|
+
setExpandedIdx(null);
|
|
1507
|
+
handleNavigation(e, sub.href);
|
|
1508
|
+
}, className: navBarStyles.subnavItem +
|
|
1509
|
+
((currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href))
|
|
1510
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1511
|
+
: ''), children: sub.title }, sub.href)); }) }))] }, item.title));
|
|
1512
|
+
}) }), 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 +
|
|
1513
|
+
(mobileOpen ? ' ' + navBarStyles['mobileMenu--open'] : ''), children: [jsx(Flex, { direction: "column", className: navBarStyles.mobileMenuList, children: links === null || links === undefined ? undefined : links.map(function (item, idx) {
|
|
1514
|
+
var _a, _b, _c;
|
|
1515
|
+
var hasSubitems = !!((_a = item.subitems) === null || _a === undefined ? undefined : _a.length);
|
|
1516
|
+
var subActive = isSubitemActive(item);
|
|
1517
|
+
var isExpanded = mobileExpandedIdx === idx;
|
|
1518
|
+
return (jsxs(Box, { className: navBarStyles.mobileMenuItem, children: [hasSubitems ? (jsxs("button", { type: "button", className: navBarStyles.mobileMenuItemText +
|
|
1519
|
+
(subActive
|
|
1520
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1521
|
+
: ''), 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) {
|
|
1522
|
+
handleNavigation(e, item.href);
|
|
1523
|
+
closeMobileMenu();
|
|
1524
|
+
}, className: navBarStyles.mobileMenuItemText +
|
|
1525
|
+
(isItemActive(item)
|
|
1526
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1527
|
+
: ''), "data-text": item.title, children: item.title })), hasSubitems && (jsx(Flex, { direction: "column", className: navBarStyles.mobileSubnav +
|
|
1528
|
+
(isExpanded
|
|
1529
|
+
? ' ' + navBarStyles['mobileSubnav--open']
|
|
1530
|
+
: ''), 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) {
|
|
1531
|
+
handleNavigation(e, sub.href);
|
|
1532
|
+
closeMobileMenu();
|
|
1533
|
+
}, className: navBarStyles.mobileSubnavItem +
|
|
1534
|
+
((currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href))
|
|
1535
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1536
|
+
: ''), children: sub.title }, sub.href)); }) }))] }, item.title));
|
|
1537
|
+
}) }), rightContent && (jsx(Box, { className: navBarStyles.mobileMenuFooter, children: rightContent }))] }))] }))] }));
|
|
1471
1538
|
};
|
|
1472
1539
|
NavBar.displayName = 'NavBar';
|
|
1473
1540
|
|
|
@@ -1585,11 +1652,12 @@ var styles$7 = {"wrapper":"ProgressStepper-module_wrapper__ELFBB","circle":"Prog
|
|
|
1585
1652
|
*
|
|
1586
1653
|
*/
|
|
1587
1654
|
var ProgressStepper = function (_a) {
|
|
1588
|
-
var totalSteps = _a.totalSteps, active = _a.active, className = _a.className;
|
|
1589
|
-
|
|
1655
|
+
var totalSteps = _a.totalSteps, active = _a.active, className = _a.className, _b = _a.ariaLabel, ariaLabel = _b === undefined ? 'Progress' : _b;
|
|
1656
|
+
var current = Math.min(active + 1, totalSteps);
|
|
1657
|
+
return (jsx("div", { className: "".concat(styles$7.wrapper, " ").concat(className !== null && className !== undefined ? className : ''), role: "progressbar", "aria-label": ariaLabel, "aria-valuemin": 1, "aria-valuemax": totalSteps, "aria-valuenow": current, "aria-valuetext": "Step ".concat(current, " of ").concat(totalSteps), children: Array.from({ length: totalSteps }).map(function (_, index) {
|
|
1590
1658
|
var state = index < active ? 'completed' : index === active ? 'active' : 'pending';
|
|
1591
1659
|
var isLast = index === totalSteps - 1;
|
|
1592
|
-
return (jsxs(React.Fragment, { children: [jsxs("div", { className: styles$7.circle, "data-state": state, children: [state === 'completed' && (jsx(Tick, { width: "14px", height: "14px", viewBox: "0 0 32 32", stroke: "var(--color-primary-300)", strokeWidth: 3 })), state === 'active' && (jsx(StepIndicator, { width: "24px", height: "24px" }))] }), !isLast && (jsx("div", { className: styles$7.line, "data-state": index < active ? 'completed' : 'pending' }))] }, index));
|
|
1660
|
+
return (jsxs(React.Fragment, { children: [jsxs("div", { className: styles$7.circle, "data-state": state, "aria-hidden": true, children: [state === 'completed' && (jsx(Tick, { width: "14px", height: "14px", viewBox: "0 0 32 32", stroke: "var(--color-primary-300)", strokeWidth: 3 })), state === 'active' && (jsx(StepIndicator, { width: "24px", height: "24px" }))] }), !isLast && (jsx("div", { className: styles$7.line, "data-state": index < active ? 'completed' : 'pending' }))] }, index));
|
|
1593
1661
|
}) }));
|
|
1594
1662
|
};
|
|
1595
1663
|
ProgressStepper.displayName = 'ProgressStepper';
|
|
@@ -2070,12 +2138,6 @@ var Grid = function (props) {
|
|
|
2070
2138
|
};
|
|
2071
2139
|
Grid.displayName = 'Grid';
|
|
2072
2140
|
|
|
2073
|
-
var Hamburger = function (_a) {
|
|
2074
|
-
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;
|
|
2075
|
-
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" })] }));
|
|
2076
|
-
};
|
|
2077
|
-
Hamburger.displayName = 'Hamburger';
|
|
2078
|
-
|
|
2079
2141
|
var HappyFace = function (props) {
|
|
2080
2142
|
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" }) })));
|
|
2081
2143
|
};
|
|
@@ -2197,4 +2259,4 @@ var World = function (_a) {
|
|
|
2197
2259
|
World.displayName = 'World';
|
|
2198
2260
|
|
|
2199
2261
|
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 };
|
|
2200
|
-
//# sourceMappingURL=index-
|
|
2262
|
+
//# sourceMappingURL=index-CAIOxTa3.js.map
|