@astral/ui 4.2.0 → 4.2.2

package/node/components/SideDialogContent/SideDialogContent.js

@@ -4,6 +4,6 @@ exports.SideDialogContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const SideDialogContent = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogContent, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogContent, { ...props });
 };
 exports.SideDialogContent = SideDialogContent;

package/node/components/SideDialogHeader/SideDialogHeader.js

@@ -4,6 +4,6 @@ exports.SideDialogHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const SideDialogHeader = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogHeader, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogHeader, { ...props });
 };
 exports.SideDialogHeader = SideDialogHeader;

package/node/components/SideDialogTitle/SideDialogTitle.js

@@ -4,6 +4,6 @@ exports.SideDialogTitle = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const SideDialogTitle = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogTitle, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogTitle, { ...props });
 };
 exports.SideDialogTitle = SideDialogTitle;

package/node/components/Skeleton/Skeleton.js

@@ -1,21 +1,7 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const Skeleton = (_a) => {
-    var { shapeSize = 'medium' } = _a, restProps = __rest(_a, ["shapeSize"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledSkeleton, Object.assign({ "$shapeSize": shapeSize }, restProps)));
-};
+const Skeleton = ({ shapeSize = 'medium', ...restProps }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledSkeleton, { "$shapeSize": shapeSize, ...restProps }));
 exports.Skeleton = Skeleton;

package/node/components/StaticCalendar/StaticCalendarButton/StaticCalendarButton.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StaticCalendarButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,6 +7,6 @@ const StaticCalendarButtonTooltip_1 = require("../StaticCalendarButtonTooltip");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.StaticCalendarButton = (0, react_1.forwardRef)((props, ref) => {
-    const _a = (0, useLogic_1.useLogic)(props), { tooltipTitle, selected, disableInteractive, isTooltipActive, withoutContainer } = _a, buttonProps = __rest(_a, ["tooltipTitle", "selected", "disableInteractive", "isTooltipActive", "withoutContainer"]);
-    return ((0, jsx_runtime_1.jsx)(StaticCalendarButtonTooltip_1.StaticCalendarButtonTooltip, { title: tooltipTitle, isActive: isTooltipActive, disableInteractive: disableInteractive, withoutContainer: withoutContainer, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({ ref: ref, "aria-selected": selected }, buttonProps)) }));
+    const { tooltipTitle, selected, disableInteractive, isTooltipActive, withoutContainer, ...buttonProps } = (0, useLogic_1.useLogic)(props);
+    return ((0, jsx_runtime_1.jsx)(StaticCalendarButtonTooltip_1.StaticCalendarButtonTooltip, { title: tooltipTitle, isActive: isTooltipActive, disableInteractive: disableInteractive, withoutContainer: withoutContainer, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: ref, "aria-selected": selected, ...buttonProps }) }));
 });

package/node/components/StaticCalendar/StaticCalendarButton/useLogic/useLogic.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const useLogic = (props) => {
-    var _a;
-    const isTooltipActive = (_a = props.isTooltipActive) !== null && _a !== void 0 ? _a : !props.disabled;
+    const isTooltipActive = props.isTooltipActive ?? !props.disabled;
     const withoutContainer = !(isTooltipActive && props.disabled);
-    return Object.assign(Object.assign({}, props), { isTooltipActive,
-        withoutContainer, variant: props.selected ? 'contained' : 'text' });
+    return {
+        ...props,
+        isTooltipActive,
+        withoutContainer,
+        variant: props.selected ? 'contained' : 'text',
+    };
 };
 exports.useLogic = useLogic;

package/node/components/StaticCalendar/StaticCalendarGridButton/styles.js

@@ -55,10 +55,10 @@ exports.StaticCalendarGridButton = (0, styles_1.styled)(StaticCalendarButton_1.S
   }
   
   &:hover {
-    border-radius: ${(props) => (0, utils_1.getLeftBorderRadius)(Object.assign({ isHovered: true }, props))}
-    ${(props) => (0, utils_1.getRightBorderRadius)(Object.assign({ isHovered: true }, props))}
-    ${(props) => (0, utils_1.getRightBorderRadius)(Object.assign({ isHovered: true }, props))}
-    ${(props) => (0, utils_1.getLeftBorderRadius)(Object.assign({ isHovered: true }, props))};
+    border-radius: ${(props) => (0, utils_1.getLeftBorderRadius)({ isHovered: true, ...props })}
+    ${(props) => (0, utils_1.getRightBorderRadius)({ isHovered: true, ...props })}
+    ${(props) => (0, utils_1.getRightBorderRadius)({ isHovered: true, ...props })}
+    ${(props) => (0, utils_1.getLeftBorderRadius)({ isHovered: true, ...props })};
   }
 
   &,

package/node/components/StaticCalendar/StaticDaysCalendar/DayButton/DayButton.js

@@ -6,8 +6,7 @@ const constants_1 = require("../../../constants");
 const StaticCalendarGridButton_1 = require("../../StaticCalendarGridButton");
 const useLogic_1 = require("./useLogic");
 const DayButton = (props) => {
-    var _a, _b;
     const { isNotInteractable, handleMouseEnter, handleRenderDayContent, handleOnClick, component, isDraggable, handleDragEnter, handleDragOver, handleDrop, handleDragStart, handleDragEnd, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(StaticCalendarGridButton_1.StaticCalendarGridButton, { className: props.className, isHoliday: props.isHoliday, disabled: props.isDisabled, selected: props.isSelected, "aria-selected": props.isSelected, "$isDraggable": isDraggable, draggable: isDraggable, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragStart: handleDragStart, onDragEnd: handleDragEnd, component: component, "$isNotInteractable": isNotInteractable, isOutOfAvailableRange: props.isOutOfAvailableRange, isCurrentInUserLocalTime: props.isCurrentInUserLocalTime, isInSelectedRange: props.isInSelectedRange, onClick: handleOnClick, tooltipTitle: (_a = props.renderDayTooltipTitle) === null || _a === void 0 ? void 0 : _a.call(props, props), isTooltipActive: (_b = props.checkTooltipActive) === null || _b === void 0 ? void 0 : _b.call(props, props), lengthInRow: constants_1.DAYS_IN_WEEK, isPreviousItemInSelectedRange: props.isPreviousItemInSelectedRange, isNextItemInSelectedRange: props.isNextItemInSelectedRange, isPreviousItemInHoveredRange: props.isPreviousItemInHoveredRange, isNextItemInHoveredRange: props.isNextItemInHoveredRange, onMouseEnter: handleMouseEnter, isInHoveredRange: props.isInHoveredRange, disableInteractive: props.disableTooltipInteractive, children: handleRenderDayContent(props) }));
+    return ((0, jsx_runtime_1.jsx)(StaticCalendarGridButton_1.StaticCalendarGridButton, { className: props.className, isHoliday: props.isHoliday, disabled: props.isDisabled, selected: props.isSelected, "aria-selected": props.isSelected, "$isDraggable": isDraggable, draggable: isDraggable, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragStart: handleDragStart, onDragEnd: handleDragEnd, component: component, "$isNotInteractable": isNotInteractable, isOutOfAvailableRange: props.isOutOfAvailableRange, isCurrentInUserLocalTime: props.isCurrentInUserLocalTime, isInSelectedRange: props.isInSelectedRange, onClick: handleOnClick, tooltipTitle: props.renderDayTooltipTitle?.(props), isTooltipActive: props.checkTooltipActive?.(props), lengthInRow: constants_1.DAYS_IN_WEEK, isPreviousItemInSelectedRange: props.isPreviousItemInSelectedRange, isNextItemInSelectedRange: props.isNextItemInSelectedRange, isPreviousItemInHoveredRange: props.isPreviousItemInHoveredRange, isNextItemInHoveredRange: props.isNextItemInHoveredRange, onMouseEnter: handleMouseEnter, isInHoveredRange: props.isInHoveredRange, disableInteractive: props.disableTooltipInteractive, children: handleRenderDayContent(props) }));
 };
 exports.DayButton = DayButton;

package/node/components/StaticCalendar/StaticDaysCalendar/DayButton/useLogic/hooks/useDragAndDropHandlers/useDragAndDropHandlers.js

@@ -6,18 +6,18 @@ const useDragAndDropHandlers = ({ date, isInSelectedRange, isSelected, isDisable
     const hasDragAndDrop = Boolean(dragAndDropProps && !isDisabled);
     const isDraggable = (hasDragAndDrop && isInSelectedRange && isSelected) || undefined;
     const handleDragStart = (0, react_1.useMemo)(() => isDraggable
-        ? () => dragAndDropProps === null || dragAndDropProps === void 0 ? void 0 : dragAndDropProps.onRangeDayDragStart(date)
+        ? () => dragAndDropProps?.onRangeDayDragStart(date)
         : undefined, [isDraggable, dragAndDropProps]);
     const { handleDragEnd, handleDragOver, handleDrop, handleDragEnter } = (0, react_1.useMemo)(() => {
         if (!hasDragAndDrop) {
             return {};
         }
         return {
-            handleDragEnter: () => dragAndDropProps === null || dragAndDropProps === void 0 ? void 0 : dragAndDropProps.onDayDragEnter(date),
+            handleDragEnter: () => dragAndDropProps?.onDayDragEnter(date),
             //По документации требуется вызывать e.preventDefault() внутри обработчика 'dragOver' иначе не будет отрабатывать 'drop'
             handleDragOver: (e) => e.preventDefault(),
-            handleDrop: () => dragAndDropProps === null || dragAndDropProps === void 0 ? void 0 : dragAndDropProps.onDayDrop(date),
-            handleDragEnd: () => dragAndDropProps === null || dragAndDropProps === void 0 ? void 0 : dragAndDropProps.onRangeDayDragEnd(date),
+            handleDrop: () => dragAndDropProps?.onDayDrop(date),
+            handleDragEnd: () => dragAndDropProps?.onRangeDayDragEnd(date),
         };
     }, [hasDragAndDrop, dragAndDropProps]);
     return {

package/node/components/StaticCalendar/StaticDaysCalendar/DayButton/useLogic/useLogic.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const hooks_1 = require("./hooks");
 const useLogic = ({ onClick, renderDayContent, onDayHover, monthDay, date, isInSelectedRange, isSelected, isDisabled, dragAndDropProps, }) => {
-    const handleMouseEnter = onDayHover ? () => onDayHover === null || onDayHover === void 0 ? void 0 : onDayHover(date) : undefined;
+    const handleMouseEnter = onDayHover ? () => onDayHover?.(date) : undefined;
     const handleRenderDayContent = renderDayContent
         ? renderDayContent
         : () => monthDay;
-    const handleOnClick = onClick ? () => onClick === null || onClick === void 0 ? void 0 : onClick(date) : undefined;
+    const handleOnClick = onClick ? () => onClick?.(date) : undefined;
     const component = !onClick ? 'time' : undefined;
     const isNotInteractable = !onClick;
     const dragAndDropHandlers = (0, hooks_1.useDragAndDropHandlers)({
@@ -17,10 +17,13 @@ const useLogic = ({ onClick, renderDayContent, onDayHover, monthDay, date, isInS
         isInSelectedRange,
         isSelected,
     });
-    return Object.assign({ handleMouseEnter,
+    return {
+        handleMouseEnter,
         handleRenderDayContent,
         handleOnClick,
         component,
-        isNotInteractable }, dragAndDropHandlers);
+        isNotInteractable,
+        ...dragAndDropHandlers,
+    };
 };
 exports.useLogic = useLogic;

package/node/components/StaticCalendar/StaticDaysCalendar/StaticDaysCalendar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StaticDaysCalendar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -43,12 +32,9 @@ const StaticDaysCalendarInner = (0, react_1.memo)(({ minDate, maxDate, selectedD
         productionCalendarStorage,
     ]);
     const checkRenderRequirements = (0, react_1.useCallback)((item) => hideOutOfAvailableRangeElements ? !item.isOutOfAvailableRange : true, [hideOutOfAvailableRangeElements]);
-    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, external_1.classNames)(className, constants_1.staticDaysCalendarClassnames.container), children: [(0, jsx_runtime_1.jsx)(Head_1.Head, { className: constants_1.staticDaysCalendarClassnames.head, isMondayFirst: isMondayFirst, hasHolidays: Boolean(productionCalendarStorage) }), (0, jsx_runtime_1.jsx)(styles_1.Body, { role: "grid", className: constants_1.staticDaysCalendarClassnames.grid, children: grid.map((item, index) => {
-                    var _a, _b, _c, _d;
-                    return checkRenderRequirements(item) ? ((0, jsx_runtime_1.jsx)(DayButton_1.DayButton, Object.assign({ className: constants_1.staticDaysCalendarClassnames.button, isPreviousItemInSelectedRange: (_a = grid[index - 1]) === null || _a === void 0 ? void 0 : _a.isInSelectedRange, isNextItemInSelectedRange: (_b = grid[index + 1]) === null || _b === void 0 ? void 0 : _b.isInSelectedRange, isPreviousItemInHoveredRange: (_c = grid[index - 1]) === null || _c === void 0 ? void 0 : _c.isInHoveredRange, isNextItemInHoveredRange: (_d = grid[index + 1]) === null || _d === void 0 ? void 0 : _d.isInHoveredRange }, item, { onClick: onChange, onDayHover: onDayHover, renderDayTooltipTitle: renderDayTooltipTitle, disableTooltipInteractive: checkDisableTooltipInteractive === null || checkDisableTooltipInteractive === void 0 ? void 0 : checkDisableTooltipInteractive(item), renderDayContent: renderDayContent, dragAndDropProps: dragAndDropProps, checkTooltipActive: checkTooltipActive }), item.date.toString())) : (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с keyId
-                    (0, jsx_runtime_1.jsx)("div", {}, `${id}_${index}`));
-                }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, external_1.classNames)(className, constants_1.staticDaysCalendarClassnames.container), children: [(0, jsx_runtime_1.jsx)(Head_1.Head, { className: constants_1.staticDaysCalendarClassnames.head, isMondayFirst: isMondayFirst, hasHolidays: Boolean(productionCalendarStorage) }), (0, jsx_runtime_1.jsx)(styles_1.Body, { role: "grid", className: constants_1.staticDaysCalendarClassnames.grid, children: grid.map((item, index) => checkRenderRequirements(item) ? ((0, jsx_runtime_1.jsx)(DayButton_1.DayButton, { className: constants_1.staticDaysCalendarClassnames.button, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, isNextItemInSelectedRange: grid[index + 1]?.isInSelectedRange, isPreviousItemInHoveredRange: grid[index - 1]?.isInHoveredRange, isNextItemInHoveredRange: grid[index + 1]?.isInHoveredRange, ...item, onClick: onChange, onDayHover: onDayHover, renderDayTooltipTitle: renderDayTooltipTitle, disableTooltipInteractive: checkDisableTooltipInteractive?.(item), renderDayContent: renderDayContent, dragAndDropProps: dragAndDropProps, checkTooltipActive: checkTooltipActive }, item.date.toString())) : (
+                // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с keyId
+                (0, jsx_runtime_1.jsx)("div", {}, `${id}_${index}`))) })] }));
 }, (prev, next) => (0, external_1.checkIsDeepEqual)({
     baseDate: prev.baseDate,
     selectedDate: prev.selectedDate,
@@ -72,8 +58,7 @@ const StaticDaysCalendarInner = (0, react_1.memo)(({ minDate, maxDate, selectedD
     renderDayTooltipTitle: next.renderDayTooltipTitle,
     dragAndDropProps: next.dragAndDropProps,
 }));
-const StaticDaysCalendar = (_a) => {
-    var { selectedRanges, maxDate, minDate, selectedDate, hoveredDate, isMondayFirst = true, baseDate } = _a, props = __rest(_a, ["selectedRanges", "maxDate", "minDate", "selectedDate", "hoveredDate", "isMondayFirst", "baseDate"]);
+const StaticDaysCalendar = ({ selectedRanges, maxDate, minDate, selectedDate, hoveredDate, isMondayFirst = true, baseDate, ...props }) => {
     const { memoizedSelectedDate, memoizedHoveredDate, memoizedSelectedRanges } = (0, useLogic_1.useLogic)({
         selectedRanges,
         selectedDate,
@@ -81,6 +66,6 @@ const StaticDaysCalendar = (_a) => {
         isMondayFirst,
         baseDate,
     });
-    return ((0, jsx_runtime_1.jsx)(StaticDaysCalendarInner, Object.assign({}, props, { isMondayFirst: isMondayFirst, baseDate: baseDate, selectedDate: memoizedSelectedDate, hoveredDate: memoizedHoveredDate, selectedRanges: memoizedSelectedRanges, maxDate: maxDate, minDate: minDate })));
+    return ((0, jsx_runtime_1.jsx)(StaticDaysCalendarInner, { ...props, isMondayFirst: isMondayFirst, baseDate: baseDate, selectedDate: memoizedSelectedDate, hoveredDate: memoizedHoveredDate, selectedRanges: memoizedSelectedRanges, maxDate: maxDate, minDate: minDate }));
 };
 exports.StaticDaysCalendar = StaticDaysCalendar;

package/node/components/StepSlider/StepSlider.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepSlider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -47,11 +36,9 @@ const createDirectionMap = (current, prev, steps) => {
 /**
  * Компонент предназначенный для анимированного переключения активного элемента
  */
-const StepSlider = (_a) => {
-    var _b;
-    var { activeStep, steps, className, isFullWidth } = _a, _c = _a.slideProps, _d = _c === void 0 ? {} : _c, { mountOnEnter = true, unmountOnExit = true, easing = DEFAULT_EASING } = _d, restSlideProps = __rest(_d, ["mountOnEnter", "unmountOnExit", "easing"]);
+const StepSlider = ({ activeStep, steps, className, isFullWidth, slideProps: { mountOnEnter = true, unmountOnExit = true, easing = DEFAULT_EASING, ...restSlideProps } = {}, }) => {
     const keyId = (0, useId_1.useId)();
-    const containerRef = (0, react_2.useRef)((_b = globalThis.document) === null || _b === void 0 ? void 0 : _b.body);
+    const containerRef = (0, react_2.useRef)(globalThis.document?.body);
     const [currentStep, setCurrentStep] = (0, react_2.useState)(activeStep);
     const [directionMap, setDirectionMap] = (0, react_2.useState)(() => createDirectionMap(activeStep, activeStep, steps));
     (0, react_2.useEffect)(() => {
@@ -60,9 +47,9 @@ const StepSlider = (_a) => {
             setCurrentStep(activeStep);
         }
     }, [activeStep, currentStep, steps]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: containerRef, className: className, isFullWidth: isFullWidth, children: steps.map(({ component, id }, index) => ((0, react_1.createElement)(transitions_1.Slide, Object.assign({}, restSlideProps, { 
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: containerRef, className: className, isFullWidth: isFullWidth, children: steps.map(({ component, id }, index) => ((0, react_1.createElement)(transitions_1.Slide, { ...restSlideProps, 
             // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с keyId
-            key: `${keyId}_${index}`, container: () => containerRef.current, easing: easing, mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: id === currentStep, direction: directionMap.get(id), appear: false }),
+            key: `${keyId}_${index}`, container: () => containerRef.current, easing: easing, mountOnEnter: mountOnEnter, unmountOnExit: unmountOnExit, in: id === currentStep, direction: directionMap.get(id), appear: false },
             (0, jsx_runtime_1.jsx)(styles_1.Item, { children: component })))) }));
 };
 exports.StepSlider = StepSlider;

package/node/components/Stepper/StepButton/StepButton.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,8 +7,8 @@ const constants_1 = require("../constants");
 const StepIcon_1 = require("../StepIcon");
 const styles_1 = require("./styles");
 const StepButton = (props) => {
-    const { isSelected, onClick } = props, restProps = __rest(props, ["isSelected", "onClick"]);
+    const { isSelected, onClick, ...restProps } = props;
     const stepIconRender = (0, react_1.useCallback)(({ active, completed, error, icon }) => ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Button, { onClick: onClick, tabIndex: 1, className: constants_1.stepperClassnames.stepButton, children: (0, jsx_runtime_1.jsx)(styles_1.StyledStepLabel, Object.assign({ StepIconComponent: stepIconRender }, restProps)) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Button, { onClick: onClick, tabIndex: 1, className: constants_1.stepperClassnames.stepButton, children: (0, jsx_runtime_1.jsx)(styles_1.StyledStepLabel, { StepIconComponent: stepIconRender, ...restProps }) }));
 };
 exports.StepButton = StepButton;

package/node/components/Stepper/StepLabel/StepLabel.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepLabel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,8 +6,8 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const StepIcon_1 = require("../StepIcon");
 const StepLabel = (props) => {
-    const { isSelected } = props, restProps = __rest(props, ["isSelected"]);
+    const { isSelected, ...restProps } = props;
     const stepIconRender = (0, react_1.useCallback)(({ active, completed, error, icon }) => ((0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { icon: icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
-    return (0, jsx_runtime_1.jsx)(material_1.StepLabel, Object.assign({ StepIconComponent: stepIconRender }, restProps));
+    return (0, jsx_runtime_1.jsx)(material_1.StepLabel, { StepIconComponent: stepIconRender, ...restProps });
 };
 exports.StepLabel = StepLabel;

package/node/components/Stepper/Stepper.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stepper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,13 +6,13 @@ const react_1 = require("react");
 const ArrowConnector_1 = require("./ArrowConnector");
 const styles_1 = require("./styles");
 const Stepper = (props) => {
-    const { connector } = props, restProps = __rest(props, ["connector"]);
+    const { connector, ...restProps } = props;
     const connectorMemo = (0, react_1.useMemo)(() => {
         if (typeof connector !== 'string') {
             return connector;
         }
         return (0, jsx_runtime_1.jsx)(ArrowConnector_1.ArrowConnector, {});
     }, [connector]);
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledStepper, Object.assign({}, restProps, { connector: connectorMemo }));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledStepper, { ...restProps, connector: connectorMemo });
 };
 exports.Stepper = Stepper;

package/node/components/StepperWizard/StepperWizard.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepperWizard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,7 +6,7 @@ const Stepper_1 = require("../Stepper");
 const useLogic_1 = require("./useLogic");
 const StepperWizard = (props) => {
     const { clickableSteps, normalSteps, getStepButtonProps, getStepLabelProps } = (0, useLogic_1.useLogic)(props);
-    const { steps, onClickPrevStep } = props, stepperProps = __rest(props, ["steps", "onClickPrevStep"]);
-    return ((0, jsx_runtime_1.jsxs)(Stepper_1.Stepper, Object.assign({}, stepperProps, { children: [clickableSteps.map(({ label, isError }, index) => ((0, jsx_runtime_1.jsx)(Stepper_1.Step, { children: (0, jsx_runtime_1.jsx)(Stepper_1.StepButton, Object.assign({ error: isError }, getStepButtonProps(index), { children: label })) }, index))), normalSteps.map(({ label, isError }, index) => ((0, jsx_runtime_1.jsx)(Stepper_1.Step, { children: (0, jsx_runtime_1.jsx)(Stepper_1.StepLabel, Object.assign({ error: isError }, getStepLabelProps(index), { children: label })) }, index)))] })));
+    const { steps, onClickPrevStep, ...stepperProps } = props;
+    return ((0, jsx_runtime_1.jsxs)(Stepper_1.Stepper, { ...stepperProps, children: [clickableSteps.map(({ label, isError }, index) => ((0, jsx_runtime_1.jsx)(Stepper_1.Step, { children: (0, jsx_runtime_1.jsx)(Stepper_1.StepButton, { error: isError, ...getStepButtonProps(index), children: label }) }, index))), normalSteps.map(({ label, isError }, index) => ((0, jsx_runtime_1.jsx)(Stepper_1.Step, { children: (0, jsx_runtime_1.jsx)(Stepper_1.StepLabel, { error: isError, ...getStepLabelProps(index), children: label }) }, index)))] }));
 };
 exports.StepperWizard = StepperWizard;

package/node/components/StepperWizard/useLogic/useLogic.js

@@ -12,7 +12,7 @@ const useLogic = ({ steps, activeStep = 0, onClickPrevStep, }) => {
     };
     const getStepButtonProps = (index) => {
         const isSelected = activeStep === index;
-        const handleClick = () => onClickPrevStep === null || onClickPrevStep === void 0 ? void 0 : onClickPrevStep(index);
+        const handleClick = () => onClickPrevStep?.(index);
         return {
             isSelected,
             onClick: handleClick,

package/node/components/SvgIcon/SvgIcon.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,7 +6,7 @@ const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const SvgIcon = (props) => {
-    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = size === 'sm' ? '0 0 16 16' : '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className } = props, restProps = __rest(props, ["children", "color", "titleAccess", "size", "width", "height", "viewBox", "xmlns", "className"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, Object.assign({ className: (0, utils_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em' }, restProps, { children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] })));
+    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = size === 'sm' ? '0 0 16 16' : '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, utils_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
 };
 exports.SvgIcon = SvgIcon;

package/node/components/Switch/Switch.js

@@ -1,25 +1,13 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
-exports.Switch = (0, react_1.forwardRef)((_a, ref) => {
-    var { label, labelPlacement } = _a, restProps = __rest(_a, ["label", "labelPlacement"]);
+exports.Switch = (0, react_1.forwardRef)(({ label, labelPlacement, ...restProps }, ref) => {
     if (label) {
-        return ((0, jsx_runtime_1.jsx)(styles_1.StyledFormControlLabel, { control: (0, jsx_runtime_1.jsx)(styles_1.StyledSwitch, Object.assign({ ref: ref }, restProps)), label: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", component: "span", children: label }), labelPlacement: labelPlacement }));
+        return ((0, jsx_runtime_1.jsx)(styles_1.StyledFormControlLabel, { control: (0, jsx_runtime_1.jsx)(styles_1.StyledSwitch, { ref: ref, ...restProps }), label: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", component: "span", children: label }), labelPlacement: labelPlacement }));
     }
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledSwitch, Object.assign({ ref: ref }, restProps));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledSwitch, { ref: ref, ...restProps });
 });

package/node/components/Tabs/Tab/Tab.js

@@ -1,26 +1,14 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tab = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const Tab = (_a) => {
-    var { label, count, max = 99 } = _a, rest = __rest(_a, ["label", "count", "max"]);
+const Tab = ({ label, count, max = 99, ...rest }) => {
     let tabText = label;
     if (count) {
         const counter = count > max ? `${max}+` : count;
         tabText = `${label} · ${counter}`;
     }
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledTab, Object.assign({}, rest, { tabIndex: 0, label: tabText }));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledTab, { ...rest, tabIndex: 0, label: tabText });
 };
 exports.Tab = Tab;

package/node/components/Tabs/Tabs.js

@@ -1,21 +1,9 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const Tabs = (_a) => {
-    var tabsProps = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTabs, Object.assign({}, tabsProps)), (0, jsx_runtime_1.jsx)(styles_1.Divider, {})] }) }));
+const Tabs = ({ ...tabsProps }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTabs, { ...tabsProps }), (0, jsx_runtime_1.jsx)(styles_1.Divider, {})] }) }));
 };
 exports.Tabs = Tabs;

package/node/components/Tag/Tag.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -20,8 +9,7 @@ const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const TagContext_1 = require("./TagContext");
 const useLogic_1 = require("./useLogic");
-exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
-    var { onDelete, color = 'grey', variant = 'contained', size = 'small', label, startAddon, endAddon, disabled, icon, className } = _a, restProps = __rest(_a, ["onDelete", "color", "variant", "size", "label", "startAddon", "endAddon", "disabled", "icon", "className"]);
+exports.Tag = (0, react_1.forwardRef)(({ onDelete, color = 'grey', variant = 'contained', size = 'small', label, startAddon, endAddon, disabled, icon, className, ...restProps }, ref) => {
     const { handleDelete, classnames } = (0, useLogic_1.useLogic)({
         onDelete,
         size,
@@ -29,14 +17,14 @@ exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
         disabled,
         className,
     });
-    const labelContent = ((0, jsx_runtime_1.jsxs)(styles_1.LabelContainer, { container: true, component: "span", spacing: 1, className: constants_1.tagClassnames.label, "$variant": variant, children: [startAddon === null || startAddon === void 0 ? void 0 : startAddon({
+    const labelContent = ((0, jsx_runtime_1.jsxs)(styles_1.LabelContainer, { container: true, component: "span", spacing: 1, className: constants_1.tagClassnames.label, "$variant": variant, children: [startAddon?.({
                 color: (0, styles_1.getBadgeColor)({
                     tagColor: color,
                 }),
-            }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: styles_1.LabelWrapper, children: label }), endAddon === null || endAddon === void 0 ? void 0 : endAddon({
+            }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: styles_1.LabelWrapper, children: label }), endAddon?.({
                 color: (0, styles_1.getBadgeColor)({
                     tagColor: color,
                 }),
             })] }));
-    return ((0, jsx_runtime_1.jsx)(TagContext_1.TagContextProvider, { variant: variant, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, Object.assign({ ref: ref, "$size": size, "$color": color, "$variant": variant, "$isDisabled": disabled, "$isRemovable": Boolean(onDelete), className: classnames }, restProps, { children: [icon && ((0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.tagClassnames.icon, children: icon })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", component: styles_1.Label, children: labelContent }), onDelete && !disabled && ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { onClick: handleDelete, "$color": color, "$variant": variant, "$size": size, "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442", children: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}) }))] })) }));
+    return ((0, jsx_runtime_1.jsx)(TagContext_1.TagContextProvider, { variant: variant, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, "$size": size, "$color": color, "$variant": variant, "$isDisabled": disabled, "$isRemovable": Boolean(onDelete), className: classnames, ...restProps, children: [icon && ((0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.tagClassnames.icon, children: icon })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", component: styles_1.Label, children: labelContent }), onDelete && !disabled && ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { onClick: handleDelete, "$color": color, "$variant": variant, "$size": size, "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442", children: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}) }))] }) }));
 });

package/node/components/Tag/useLogic/useLogic.js

@@ -7,7 +7,7 @@ const constants_1 = require("../constants");
 const useLogic = ({ onDelete, variant, disabled, size, className, }) => {
     const handleDelete = (event) => {
         event.stopPropagation();
-        onDelete === null || onDelete === void 0 ? void 0 : onDelete(event);
+        onDelete?.(event);
     };
     const classnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.tagClassnames.root, {
         [constants_1.tagClassnames.variantText]: variant === 'text',

package/node/components/TagBadge/TagBadge.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagBadge = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,9 +10,8 @@ const styles_1 = require("./styles");
 /**
  * Badge для использования внутри компонента Tag
  */
-const TagBadge = (_a) => {
-    var { color = 'primary', checked, disabled, checkedColor, className } = _a, props = __rest(_a, ["color", "checked", "disabled", "checkedColor", "className"]);
+const TagBadge = ({ color = 'primary', checked, disabled, checkedColor, className, ...props }) => {
     const { variant } = (0, react_1.useContext)(TagContext_1.TagContext);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, Object.assign({ withBorder: false, color: "white", "$color": color, "$variant": variant, "$isChecked": checked, "$isDisabled": disabled, className: (0, utils_1.classNames)(className, Tag_1.tagClassnames.badge) }, props)));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledBadge, { withBorder: false, color: "white", "$color": color, "$variant": variant, "$isChecked": checked, "$isDisabled": disabled, className: (0, utils_1.classNames)(className, Tag_1.tagClassnames.badge), ...props }));
 };
 exports.TagBadge = TagBadge;