@ozen-ui/kit 0.11.0 → 0.12.0

package/__inner__/cjs/hooks/useTimer/useTimer.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimer = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
@@ -9,7 +9,7 @@ function useTimer(_a) {
     var _b = _a.startTime, startTime = _b === void 0 ? 0 : _b, _c = _a.endTime, endTime = _c === void 0 ? 0 : _c, _d = _a.interval, interval = _d === void 0 ? 1000 : _d, onTimerEnd = _a.onTimerEnd;
     var _e = tslib_1.__read((0, react_1.useState)({
         count: startTime,
-        isTimerRunning: false
+        isTimerRunning: false,
     }), 2), state = _e[0], setState = _e[1];
     var savedOnTimerEnd = (0, react_1.useRef)();
     var timerCallback = function () {
@@ -22,7 +22,7 @@ function useTimer(_a) {
             }
             return {
                 isTimerRunning: newCount !== endTime,
-                count: newCount
+                count: newCount,
             };
         });
     };
@@ -30,7 +30,7 @@ function useTimer(_a) {
     var resetTimer = (0, react_1.useCallback)(function () {
         setState(function () { return ({
             isTimerRunning: false,
-            count: startTime
+            count: startTime,
         }); });
     }, [startTime]);
     var pauseTimer = (0, react_1.useCallback)(function () {
@@ -43,7 +43,7 @@ function useTimer(_a) {
                 // Если счетчик завершился – сбрасываем счетчик
                 // Если не завершился продолжаем с текущего счетчика
                 count: count === endTime ? startTime : count,
-                isTimerRunning: startTime !== endTime
+                isTimerRunning: startTime !== endTime,
             });
         });
     }, [startTime, endTime]);
@@ -74,7 +74,7 @@ function useTimer(_a) {
         isTimerRunning: state.isTimerRunning,
         startTimer: startTimer,
         pauseTimer: pauseTimer,
-        resetTimer: resetTimer
+        resetTimer: resetTimer,
     };
 }
 exports.useTimer = useTimer;

package/__inner__/cjs/hooks/useUniqueId/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./useUniqueId"), exports);

package/__inner__/cjs/hooks/useUniqueId/useUniqueId.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUniqueId = void 0;
 var react_1 = require("react");
 var uniqueId = 0;

package/__inner__/cjs/mixins/MixSpacing/MixSpacing.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.spacing = exports.cnMixSpacing = exports.mixSpacingSpaceVariant = exports.mixSpacingPaddingVariant = exports.mixSpacingMarginVariant = void 0;
 var tslib_1 = require("tslib");
 var classname_1 = require("../../utils/classname");
@@ -40,7 +40,7 @@ var spacing = function (props) {
         pt: pt || py || p,
         pr: pr || px || p,
         pb: pb || py || p,
-        pl: pl || px || p
+        pl: pl || px || p,
     });
 };
 exports.spacing = spacing;

package/__inner__/cjs/mixins/MixSpacing/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./MixSpacing"), exports);

package/__inner__/cjs/types/Breakpoints.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.breakpointVariant = void 0;
 exports.breakpointVariant = ['xs', 's', 'm', 'l'];

package/__inner__/cjs/types/ExtendableProps.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/types/FormElementSizeVariant.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.formElementSizeVariant = void 0;
 exports.formElementSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];

package/__inner__/cjs/types/KeyCode.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/types/ResponsiveValue.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/utils/animateProperty.js

@@ -1,11 +1,11 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.animateProperty = void 0;
 var timingFunctions = {
     linear: function (time) { return time; },
     'ease-in': function (time) { return Math.pow(time, 1.675); },
     'ease-out': function (time) { return 1 - Math.pow((1 - time), 1.675); },
-    'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); }
+    'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); },
 };
 /** Анимирует числовое свойство элемента */
 var animateProperty = function (property, element, to, options) {

package/__inner__/cjs/utils/classname.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.cn = void 0;
 var classname_1 = require("@bem-react/classname");
 exports.cn = (0, classname_1.withNaming)({ n: '', e: '-', m: '_', v: '_' });

package/__inner__/cjs/utils/generateUniqKey.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateUniqKey = void 0;
 /** Функция генерации уникального ключа */
 var generateUniqKey = function (prefix) {

package/__inner__/cjs/utils/getFocusableElements.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFocusableElements = void 0;
 var FOCUSABLE_SELECTOR = [
     'input:not([tabindex="-1"])',

package/__inner__/cjs/utils/getIconSizeToFormElement.js

@@ -1,12 +1,12 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIconSizeToFormElement = void 0;
 var matchIconSizeToFormElement = {
     '2xs': 's',
     xs: 's',
     s: 's',
     m: 'm',
-    l: 'm'
+    l: 'm',
 };
 var getIconSizeToFormElement = function (size) { return matchIconSizeToFormElement === null || matchIconSizeToFormElement === void 0 ? void 0 : matchIconSizeToFormElement[size]; };
 exports.getIconSizeToFormElement = getIconSizeToFormElement;

package/__inner__/cjs/utils/getNextIndex.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNextIndex = void 0;
 function getNextIndex(currentIndex, length) {
     return (currentIndex + 1) % length;

package/__inner__/cjs/utils/getPrevIndex.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPrevIndex = void 0;
 function getPrevIndex(currentIndex, length) {
     return currentIndex - 1 < 0 ? length - 1 : currentIndex - 1;

package/__inner__/cjs/utils/isEmpty.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isEmpty = void 0;
 var isEmpty = function (obj) {
     return Object.keys(obj).length === 0 && obj.constructor === Object;

package/__inner__/cjs/utils/isKey.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isKey = void 0;
 var isKey = function (event, key) { return event.key === key || event.code === key; };
 exports.isKey = isKey;

package/__inner__/cjs/utils/isNumber.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isNumber = void 0;
 var isNumber = function (data) {
     return typeof data === 'number';

package/__inner__/cjs/utils/isPlainObject.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isPlainObject = void 0;
 function isPlainObject(item) {
     return (item !== null && typeof item === 'object' && item.constructor === Object);

package/__inner__/cjs/utils/isString.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isString = void 0;
 var isString = function (data) {
     return typeof data === 'string';

package/__inner__/cjs/utils/mergeDeep/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./mergeDeep"), exports);

package/__inner__/cjs/utils/mergeDeep/mergeDeep.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeDeep = void 0;
 var tslib_1 = require("tslib");
 var isPlainObject_1 = require("../isPlainObject");

package/__inner__/cjs/utils/polymorphicComponentWithRef.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.polymorphicComponentWithRef = void 0;
 var react_1 = require("react");
 var defaultElement = 'div';

package/__inner__/cjs/utils/scrollContainerToElement.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.scrollContainerToElement = void 0;
 function scrollContainerToElement(_a) {
     var container = _a.container, element = _a.element, _b = _a.behavior, behavior = _b === void 0 ? 'smooth' : _b;
@@ -14,13 +14,13 @@ function scrollContainerToElement(_a) {
     if (elementBottom > scrollBottom) {
         container.scrollTo({
             behavior: behavior,
-            top: elementBottom - container.clientHeight
+            top: elementBottom - container.clientHeight,
         });
     }
     else if (element.offsetTop - element.offsetHeight < container.scrollTop) {
         container.scrollTo({
             behavior: behavior,
-            top: element.offsetTop - element.offsetHeight
+            top: element.offsetTop - element.offsetHeight,
         });
     }
 }

package/__inner__/cjs/utils/test-utils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -7,7 +7,7 @@ var react_2 = require("@testing-library/react");
 var ThemeProvider_1 = require("../components/ThemeProvider");
 var WithProviders = function (_a) {
     var children = _a.children;
-    return (react_1["default"].createElement(ThemeProvider_1.ThemeProvider, { theme: ThemeProvider_1.themeOzenDefault }, children));
+    return (react_1.default.createElement(ThemeProvider_1.ThemeProvider, { theme: ThemeProvider_1.themeOzenDefault }, children));
 };
 var render = function (component, options) {
     return (0, react_2.render)(component, tslib_1.__assign({ wrapper: WithProviders }, options));
@@ -23,4 +23,4 @@ var matches = function () {
         ? container.children
         : container.firstChild;
 };
-exports["default"] = matches;
+exports.default = matches;

package/__inner__/esm/components/Accordion/Accordion.js

@@ -16,7 +16,7 @@ export var Accordion = forwardRef(function (inProps, ref) {
         value: expandedProp,
         defaultValue: defaultExpanded,
         name: 'Accordion',
-        state: 'open'
+        state: 'open',
     }), 2), expanded = _c[0], setExpanded = _c[1];
     var resolvedChildren = isFragment(childrenProp)
         ? childrenProp.props.children

package/__inner__/esm/components/Accordion/AccordionContext.js

@@ -3,7 +3,7 @@ import { DEFAULT_ACCORDION_SIZE } from './constants';
 export var AccordionContext = React.createContext({
     expanded: false,
     toggle: function () { return undefined; },
-    size: DEFAULT_ACCORDION_SIZE
+    size: DEFAULT_ACCORDION_SIZE,
 });
 export var useAccordionContext = function () { return useContext(AccordionContext); };
 // Именованный провайдер

package/__inner__/esm/components/Accordion/components/AccordionSummary/AccordionSummary.js

@@ -10,7 +10,7 @@ var iconSizeMapper = {
     s: 's',
     m: 's',
     l: 'm',
-    xl: 'm'
+    xl: 'm',
 };
 export var cnAccordionSummary = cn('AccordionSummary');
 export var AccordionSummary = forwardRef(function (inProps, ref) {
@@ -18,10 +18,10 @@ export var AccordionSummary = forwardRef(function (inProps, ref) {
     var _a = useAccordionContext(), size = _a.size, toggle = _a.toggle, expanded = _a.expanded;
     var children = props.children, _b = props.expandIconPosition, expandIconPosition = _b === void 0 ? DEFAULT_ACCORDION_EXPAND_ICON_POSITION : _b, className = props.className, onClick = props.onClick, other = __rest(props, ["children", "expandIconPosition", "className", "onClick"]);
     var Icon = useMemo(function () { return (React.createElement("div", { className: cnAccordionSummary('ExpandIconBox', {
-            expandIconPosition: expandIconPosition
+            expandIconPosition: expandIconPosition,
         }) },
         React.createElement(ChevronDownIcon, { size: iconSizeMapper[size], className: cnAccordionSummary('ExpandIcon', {
-                expanded: expanded
+                expanded: expanded,
             }) }))); }, [size, expanded]);
     var handleKeyDown = useCallback(function (e) {
         if (isKey(e, 'Enter') || isKey(e, 'Space')) {

package/__inner__/esm/components/Alert/Alert.js

@@ -20,18 +20,18 @@ var matchStatusToIcon = {
     info: React.createElement(InfoCircleFilledIcon, { size: "s" }),
     warning: React.createElement(WarningTriangleFilledIcon, { size: "s" }),
     success: React.createElement(CheckCircleFilledIcon, { size: "s" }),
-    error: React.createElement(WarningCircleFilledIcon, { size: "s" })
+    error: React.createElement(WarningCircleFilledIcon, { size: "s" }),
 };
 export var Alert = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Alert'
+        name: 'Alert',
     });
     var _a = props.status, status = _a === void 0 ? ALERT_DEFAULT_STATUS : _a, _b = props.showIcon, showIcon = _b === void 0 ? ALERT_DEFAULT_SHOW_ICON : _b, _c = props.color, color = _c === void 0 ? ALERT_DEFAULT_COLOR : _c, children = props.children, actionProp = props.action, onClose = props.onClose, title = props.title, className = props.className, otherProps = __rest(props, ["status", "showIcon", "color", "children", "action", "onClose", "title", "className"]);
     var action = useMemo(function () {
         var actionProps = {
             size: '2xs',
-            className: cnAlert('Button')
+            className: cnAlert('Button'),
         };
         if (!actionProp) {
             return null;

package/__inner__/esm/components/Avatar/Avatar.js

@@ -40,7 +40,7 @@ var matchSizeIndicatorToAvatar = {
     s: 's',
     m: 's',
     l: 'm',
-    xl: 'm'
+    xl: 'm',
 };
 export var Avatar = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Avatar' });

package/__inner__/esm/components/Backdrop/Backdrop.js

@@ -10,7 +10,7 @@ export var cnBackdrop = cn('Backdrop');
 export var Backdrop = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Backdrop' });
     var _a = props.as, Tag = _a === void 0 ? BACKDROP_DEFAULT_TAG : _a, open = props.open, onClose = props.onClose, isInvisible = props.isInvisible, className = props.className, children = props.children, zIndex = props.zIndex, transitionProps = props.transitionProps, styleProp = props.style, other = __rest(props, ["as", "open", "onClose", "isInvisible", "className", "children", "zIndex", "transitionProps", "style"]);
-    return (React.createElement(CSSTransition, __assign({}, transitionProps, { classNames: cnBackdrop({ animation: true }), timeout: 300, "in": open, unmountOnExit: true, appear: true }),
+    return (React.createElement(CSSTransition, __assign({}, transitionProps, { classNames: cnBackdrop({ animation: true }), timeout: 300, in: open, unmountOnExit: true, appear: true }),
         React.createElement(Tag, __assign({ "aria-hidden": true, className: cnBackdrop({ isInvisible: isInvisible }, [className]), onClick: onClose, style: __assign({ '--backdrop-z-index': zIndex }, styleProp) }, other, { ref: ref }), children)));
 });
 Backdrop.displayName = 'Backdrop';

package/__inner__/esm/components/Badge/Badge.css

@@ -7,6 +7,7 @@
 }
 .Badge-Content {
   --badge-content-scale: 1;
+  z-index: var(--z-index-absolute);
   display: inline-flex;
   flex-shrink: 0;
   justify-content: center;
@@ -14,8 +15,10 @@
   transform: scale(var(--badge-content-scale))
     translate(var(--badge-content-translate));
   transform-origin: var(--badge-content-transform-origin);
-  transition: transform var(--transition-default),
-    color var(--transition-default), background-color var(--transition-default);
+  transition:
+    transform var(--transition-default),
+    color var(--transition-default),
+    background-color var(--transition-default);
 }
 .Badge-Content_horizontalOrigin_left.Badge-Content_verticalOrigin_top {
     --badge-content-translate: -50%, -50%;

package/__inner__/esm/components/Badge/Badge.js

@@ -47,7 +47,7 @@ export var Badge = polymorphicComponentWithRef(function (inProps, ref) {
                 horizontalOrigin: !!children && horizontalOrigin,
                 verticalOrigin: !!children && verticalOrigin,
                 invisible: invisible,
-                onlyBadge: !children
+                onlyBadge: !children,
             }, [contentProps === null || contentProps === void 0 ? void 0 : contentProps.className]) }), displayedContent)));
 });
 Badge.displayName = 'Badge';

package/__inner__/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -16,7 +16,7 @@ export var Breadcrumbs = forwardRef(function (_a, ref) {
     // TODO: Подумать о возможности выбора рутового компонента
     React.createElement(BreadcrumbsContext.Provider, { value: { size: size } },
         React.createElement("nav", __assign({ className: cnBreadcrumbs({
-                size: size
+                size: size,
             }, [className]), "aria-label": "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F" }, other, { ref: ref }),
             React.createElement("ol", { className: cnBreadcrumbs('List') }, Children.toArray(resolvedChildren).map(function (child, index, arr) {
                 if (!isValidElement(child))

package/__inner__/esm/components/Breadcrumbs/BreadcrumbsContext.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { BREADCRUMBS_DEFAULT_SIZE } from './constants';
 export var BreadcrumbsContext = React.createContext({
-    size: BREADCRUMBS_DEFAULT_SIZE
+    size: BREADCRUMBS_DEFAULT_SIZE,
 });
 export var useBreadcrumbsContext = function () { return useContext(BreadcrumbsContext); };
 // Именованный провайдер

package/__inner__/esm/components/Button/Button.js

@@ -26,7 +26,7 @@ export var cnButton = cn('Button');
 export var Button = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Button'
+        name: 'Button',
     });
     var _a = props.as, Tag = _a === void 0 ? BUTTON_DEFAULT_TAG : _a, _b = props.variant, variant = _b === void 0 ? BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? BUTTON_DEFAULT_COLOR : _c, _d = props.size, size = _d === void 0 ? BUTTON_DEFAULT_SIZE : _d, IconLeft = props.iconLeft, IconRight = props.iconRight, loading = props.loading, children = props.children, disabled = props.disabled, className = props.className, fullWidth = props.fullWidth, onClick = props.onClick, other = __rest(props, ["as", "variant", "color", "size", "iconLeft", "iconRight", "loading", "children", "disabled", "className", "fullWidth", "onClick"]);
     var iconSize = getIconSizeToFormElement(size);
@@ -41,7 +41,7 @@ export var Button = polymorphicComponentWithRef(function (inProps, ref) {
             IconLeft && React.createElement(IconLeft, { size: iconSize }),
             children,
             IconRight && React.createElement(IconRight, { size: iconSize })),
-        React.createElement(CSSTransition, { "in": loading, timeout: 120, classNames: cnButton('Loader', { animation: true }), unmountOnExit: true },
+        React.createElement(CSSTransition, { in: loading, timeout: 120, classNames: cnButton('Loader', { animation: true }), unmountOnExit: true },
             React.createElement(Loader, { size: iconSize, color: "var(--color-content-disabled)", className: cnButton('Loader') }))));
     return (React.createElement(Tag, __assign({ disabled: isInteractionPrevented, onClick: handleClick, type: "button", className: cnButton({
             variant: variant,
@@ -49,7 +49,7 @@ export var Button = polymorphicComponentWithRef(function (inProps, ref) {
             disabled: disabled,
             loading: loading,
             color: color,
-            fullWidth: fullWidth
+            fullWidth: fullWidth,
         }, [className]) }, (isInteractionPrevented && { tabIndex: -1 }), other, { ref: ref }), childContent));
 });
 Button.displayName = 'Button';

package/__inner__/esm/components/Card/Card.js

@@ -14,11 +14,11 @@ export var cardBackgroundColorVariant = ['standard', 'selected'];
 var matchBorderRadiusPaperToCard = {
     s: 'xs',
     m: 's',
-    l: 'l'
+    l: 'l',
 };
 var matchBackgroundColorPaperToCard = {
     selected: 'action-light',
-    standard: 'main'
+    standard: 'main',
 };
 export var Card = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Card' });
@@ -27,7 +27,7 @@ export var Card = polymorphicComponentWithRef(function (inProps, ref) {
     var shouldShowBorder = borderWidth !== 'none';
     return (React.createElement(Paper, __assign({ as: Tag, radius: matchBorderRadiusPaperToCard[size], background: matchBackgroundColorPaperToCard[backgroundColor] }, other, { ref: ref, "aria-disabled": disabled }, (shouldBeInteractive && { tabIndex: 0 }), { className: cnCard(__assign({ size: size, disabled: disabled, interactive: shouldBeInteractive, backgroundColor: backgroundColor, borderWidth: borderWidth }, (shouldShowBorder && {
             borderVariant: borderVariant,
-            borderColor: borderColor
+            borderColor: borderColor,
         })), [className]) }), children));
 });
 Card.displayName = 'Card';

package/__inner__/esm/components/Checkbox/Checkbox.js

@@ -12,7 +12,7 @@ export var cnCheckbox = cn('Checkbox');
 export var Checkbox = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Checkbox'
+        name: 'Checkbox',
     });
     var _a = props.align, align = _a === void 0 ? CHECKBOX_DEFAULT_ALIGN : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? CHECKBOX_DEFAULT_LABEL_PLACEMENT : _b, _c = props.size, sizeProp = _c === void 0 ? CHECKBOX_DEFAULT_SIZE : _c, className = props.className, label = props.label, labelProps = props.labelProps, disabled = props.disabled, checkedProp = props.checked, inputRef = props.inputRef, indeterminate = props.indeterminate, nameProp = props.name, onChangeProp = props.onChange, other = __rest(props, ["align", "labelPlacement", "size", "className", "label", "labelProps", "disabled", "checked", "inputRef", "indeterminate", "name", "onChange"]);
     var checked = checkedProp;
@@ -39,7 +39,7 @@ export var Checkbox = forwardRef(function (inProps, ref) {
                 size: size,
                 disabled: disabled,
                 checked: checked,
-                indeterminate: indeterminate
+                indeterminate: indeterminate,
             }) },
             React.createElement("input", __assign({ type: "checkbox", className: cnCheckbox('Input'), disabled: disabled, checked: checked, onChange: onChange, name: name }, other, { ref: inputRef })),
             React.createElement("span", { className: cnCheckbox('Box') },

package/__inner__/esm/components/CheckboxGroup/CheckboxGroup.js

@@ -13,14 +13,14 @@ export var cnCheckboxGroup = cn('CheckboxGroup');
 export var CheckboxGroup = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'CheckboxGroup'
+        name: 'CheckboxGroup',
     });
     var _a = props.direction, direction = _a === void 0 ? CHECKBOX_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? CHECKBOX_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? CHECKBOX_GROUP_DEFAULT_AS : _c, title = props.title, className = props.className, children = props.children, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, other = __rest(props, ["direction", "size", "as", "title", "className", "children", "name", "value", "defaultValue", "onChange"]);
     var _d = __read(useControlled({
         value: valueProp,
         defaultValue: defaultValue,
         name: 'CheckboxGroup',
-        state: 'value'
+        state: 'value',
     }), 2), valueState = _d[0], setValueState = _d[1];
     var handleChange = function (event) {
         var itemValue = event.currentTarget.value;
@@ -35,7 +35,7 @@ export var CheckboxGroup = polymorphicComponentWithRef(function (inProps, ref) {
                 value: valueState,
                 onChange: handleChange,
                 name: name,
-                size: size
+                size: size,
             } },
             title && React.createElement(FormTitle, { size: size }, title),
             React.createElement(FormGroup, { direction: direction, size: size }, children))));

package/__inner__/esm/components/Collapse/Collapse.js

@@ -22,21 +22,21 @@ export var Collapse = forwardRef(function (inProps, ref) {
             ? collapsedSizeProp
             : "".concat(collapsedSizeProp, "px");
     }, [collapsedSizeProp]);
-    return (React.createElement(Transition, { timeout: timeout, "in": expanded, unmountOnExit: unmountOnClosed, appear: appear, onEntering: onEntering, onExiting: onExiting, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited }, function (state) {
+    return (React.createElement(Transition, { timeout: timeout, in: expanded, unmountOnExit: unmountOnClosed, appear: appear, onEntering: onEntering, onExiting: onExiting, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited }, function (state) {
         var _a, _b;
         var transitionStyles = {
             entering: {
-                height: (_a = collapseInnerRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight
+                height: (_a = collapseInnerRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight,
             },
             entered: {
                 height: expanded
                     ? 'auto'
-                    : (_b = collapseInnerRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight
+                    : (_b = collapseInnerRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight,
             },
-            exited: __assign({}, (collapsedSize === '0px' && { visibility: 'hidden' }))
+            exited: __assign({}, (collapsedSize === '0px' && { visibility: 'hidden' })),
         };
         return (React.createElement("div", __assign({ className: cnCollapse({
-                animation: state
+                animation: state,
             }, [className]), style: __assign(__assign({ height: collapsedSize, transitionDuration: "".concat(timeout, "ms") }, transitionStyles[state]), style) }, other, { ref: ref }),
             React.createElement("div", { ref: collapseInnerRef, className: cnCollapse('Inner') }, children)));
     }));

package/__inner__/esm/components/DataList/DataList.js

@@ -15,22 +15,22 @@ import { DataListContext } from './DataListProvider';
 import { useDataListNavigation } from './useDataListNavigation';
 export var cnDataList = cn('DataList');
 export var DataList = polymorphicComponentWithRef(function (inProps, ref) {
-    var _a = useThemeProps({ props: inProps, name: 'DataList' }), _b = _a.open, open = _b === void 0 ? DATA_LIST_DEFAULT_OPEN : _b, _c = _a.size, size = _c === void 0 ? DATA_LIST_DEFAULT_SIZE : _c, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, onSelect = _a.onSelect, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, listProps = _a.listProps, other = __rest(_a, ["open", "size", "name", "children", "anchorRef", "onSelect", "selected", "defaultSelected", "listProps"]);
-    var _d = __read(useControlled({
+    var _a = useThemeProps({ props: inProps, name: 'DataList' }), _b = _a.as, as = _b === void 0 ? DATA_LIST_DEFAULT_TAG : _b, _c = _a.open, open = _c === void 0 ? DATA_LIST_DEFAULT_OPEN : _c, _d = _a.size, size = _d === void 0 ? DATA_LIST_DEFAULT_SIZE : _d, name = _a.name, children = _a.children, anchorRef = _a.anchorRef, onSelect = _a.onSelect, selectedProp = _a.selected, defaultSelected = _a.defaultSelected, listProps = _a.listProps, other = __rest(_a, ["as", "open", "size", "name", "children", "anchorRef", "onSelect", "selected", "defaultSelected", "listProps"]);
+    var _e = __read(useControlled({
         name: 'DataList',
         defaultValue: defaultSelected,
         value: selectedProp,
-        state: 'selected'
-    }), 2), selected = _d[0], setSelected = _d[1];
+        state: 'selected',
+    }), 2), selected = _e[0], setSelected = _e[1];
     var listRef = useRef(null);
     var handleSelect = function (event, option) {
         setSelected(option);
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, { name: name, value: option });
     };
-    var _e = useDataListNavigation({
+    var _f = useDataListNavigation({
         name: name,
-        listRef: listRef
-    }), onKeyDown = _e.onKeyDown, currentItem = _e.currentItem, listNavigation = __rest(_e, ["onKeyDown", "currentItem"]);
+        listRef: listRef,
+    }), onKeyDown = _f.onKeyDown, currentItem = _f.currentItem, listNavigation = __rest(_f, ["onKeyDown", "currentItem"]);
     useEventListener({
         active: open,
         eventName: 'keydown',
@@ -41,9 +41,9 @@ export var DataList = polymorphicComponentWithRef(function (inProps, ref) {
             if (isKey(event, 'Enter')) {
                 handleSelect(event, ((_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.dataset) === null || _a === void 0 ? void 0 : _a.value) || '');
             }
-        }
+        },
     });
-    return (React.createElement(Popover, __assign({ as: DATA_LIST_DEFAULT_TAG, open: open, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true, equalAnchorWidth: true, offset: [0, 4], anchorRef: anchorRef }, other, { ref: ref }),
+    return (React.createElement(Popover, __assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true, equalAnchorWidth: true, offset: [0, 4], anchorRef: anchorRef }, other, { ref: ref }),
         React.createElement(DataListContext.Provider, { value: __assign({ selected: selected, size: size, onSelect: handleSelect, currentItem: currentItem }, listNavigation) },
             React.createElement(List, __assign({ as: "ul", size: size }, listProps, { ref: useMultiRef([listRef, listProps === null || listProps === void 0 ? void 0 : listProps.ref]), className: cnDataList('', [listProps === null || listProps === void 0 ? void 0 : listProps.className]) }), children))));
 });