@ozen-ui/kit 0.41.0 → 0.43.0

package/__inner__/esm/components/Select/components/SelectInput/SelectInput.js

@@ -13,7 +13,7 @@ import { SELECT_DEFAULT_MULTILINE, SELECT_DEFAULT_SIZE } from '../../constants';
 import { cnSelect } from '../../index';
 import { SelectInputConsumer } from '../SelectConsumer';
 export var SelectInput = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? SELECT_DEFAULT_SIZE : _b, _c = _a.multiline, multiline = _c === void 0 ? SELECT_DEFAULT_MULTILINE : _c, open = _a.open, label = _a.label, error = _a.error, id = _a.id, name = _a.name, renderLeft = _a.renderLeft, renderRight = _a.renderRight, renderedValue = _a.renderedValue, fullWidth = _a.fullWidth, disabled = _a.disabled, hint = _a.hint, required = _a.required, className = _a.className, inputProps = _a.inputProps, valueProp = _a.value, placeholderProp = _a.placeholder, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyDown = _a.onKeyDown, labelProps = _a.labelProps, fieldProps = _a.fieldProps, labelRef = _a.labelRef, inputRef = _a.inputRef, fieldRef = _a.fieldRef, bodyProps = _a.bodyProps, other = __rest(_a, ["size", "multiline", "open", "label", "error", "id", "name", "renderLeft", "renderRight", "renderedValue", "fullWidth", "disabled", "hint", "required", "className", "inputProps", "value", "placeholder", "defaultValue", "onFocus", "onBlur", "onClick", "onKeyDown", "labelProps", "fieldProps", "labelRef", "inputRef", "fieldRef", "bodyProps"]);
+    var _b = _a.size, size = _b === void 0 ? SELECT_DEFAULT_SIZE : _b, _c = _a.multiline, multiline = _c === void 0 ? SELECT_DEFAULT_MULTILINE : _c, open = _a.open, label = _a.label, error = _a.error, id = _a.id, name = _a.name, renderLeft = _a.renderLeft, renderRight = _a.renderRight, renderedValue = _a.renderedValue, fullWidth = _a.fullWidth, disabled = _a.disabled, hint = _a.hint, required = _a.required, className = _a.className, inputProps = _a.inputProps, valueProp = _a.value, placeholderProp = _a.placeholder, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyDown = _a.onKeyDown, labelProps = _a.labelProps, fieldProps = _a.fieldProps, hintProps = _a.hintProps, labelRef = _a.labelRef, inputRef = _a.inputRef, fieldRef = _a.fieldRef, bodyProps = _a.bodyProps, other = __rest(_a, ["size", "multiline", "open", "label", "error", "id", "name", "renderLeft", "renderRight", "renderedValue", "fullWidth", "disabled", "hint", "required", "className", "inputProps", "value", "placeholder", "defaultValue", "onFocus", "onBlur", "onClick", "onKeyDown", "labelProps", "fieldProps", "hintProps", "labelRef", "inputRef", "fieldRef", "bodyProps"]);
     var _d = __read(useBoolean(), 2), focused = _d[0], _e = _d[1], on = _e.on, off = _e.off;
     var filled = !!valueProp || valueProp === 0;
     var handleFocus = useCallback(function (e) {
@@ -35,6 +35,6 @@ export var SelectInput = forwardRef(function (_a, ref) {
             React.createElement(FieldIcon, { icon: renderRight, className: cnSelect('RenderRight') }),
             React.createElement(FieldIcon, { icon: ChevronDownIcon, className: classnames(cnSelect('RenderRight'), cnSelect('DropDownIcon', { open: open })) }),
             React.createElement(Fieldset, { className: cnSelect('Fieldset') })),
-        React.createElement(FieldHint, null, hint)));
+        React.createElement(FieldHint, __assign({}, hintProps), hint)));
 });
 SelectInput.displayName = 'SelectInput';

package/__inner__/esm/components/Select/components/SelectInput/types.d.ts

@@ -1,9 +1,11 @@
-import type { Ref, ReactNode, ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef, ReactNode, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../../../types/FormElementSizeVariant';
+import type { FieldHintProps } from '../../../FieldHint';
 import type { FieldIconProps } from '../../../FieldIcon';
 import type { FieldLabelProps } from '../../../FieldLabel';
 export type SelectInputSizeVariant = FormElementSizeVariant;
 type LabelProps = FieldLabelProps;
+type HintProps = FieldHintProps;
 type InputProps = ComponentPropsWithRef<'input'> & {
     'data-testid'?: string;
 };
@@ -79,6 +81,8 @@ export type SelectInputProps = Omit<ComponentPropsWithRef<'div'>, 'value' | 'def
     labelProps?: LabelProps;
     /** Свойства Body */
     bodyProps?: BodyProps;
+    /** Cвойства FieldHint */
+    hintProps?: Omit<HintProps, 'children'>;
     /** Признак раскрытого списка */
     open?: boolean;
     /** Идентификатор компонента для тестов */

package/__inner__/esm/components/Select/types.d.ts

@@ -1,4 +1,4 @@
-import type { SyntheticEvent, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef, ReactElement, ReactNode, SyntheticEvent } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { DataListBaseProps, DataListSelected } from '../DataList';
 import type { SelectInputProps } from './components';
@@ -66,6 +66,6 @@ export type SelectProps<MULTIPLE extends boolean = false> = {
     multiple?: MULTIPLE;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
-} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps);
+} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps);
 export type SelectComponent = <MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null;
 export {};

package/__inner__/esm/components/Tabs/components/ScrollButton/ScrollButton.css

@@ -1,53 +1,17 @@
-.ScrollButton {
-    position: absolute;
-    display: inline-flex;
-    align-items: center;
-    padding: 12px;
-    box-sizing: border-box;
-    z-index: 2;
-    border: none;
-    cursor: pointer;
-    color: var(--color-content-primary);
-    box-shadow: var(--shadow-m);
-    border-radius: 4px; 
-    background-color: var(--color-background-main);
-    transition: opacity var(--transition-default), box-shadow var(--transition-default);
+.IconButtonNext.ScrollButton {
+  position: absolute;
+  z-index: calc(var(--z-index-absolute) + 1);
 }
 
-    .ScrollButton_direction_left {
-        inset-inline-start: 0;
-    }
+  .IconButtonNext.ScrollButton_direction_left {
+    inset-inline-start: 0;
+  }
 
-    .ScrollButton_direction_right {
-        inset-inline-end: 0;
-    }
+  .IconButtonNext.ScrollButton_direction_right {
+    inset-inline-end: 0;
+  }
 
-    .ScrollButton_size_m, .ScrollButton_size_l {
-            padding: 12px;
-        }
-
-    .ScrollButton_size_s, .ScrollButton_size_xs {
-            padding: 8px;
-        }
-
-    .ScrollButton:focus {
-        outline: 0;
-        box-shadow: var(--shadow-outline-focused);
-    }
-
-    .ScrollButton:focus:not(:focus-visible) {
-        box-shadow: var(--shadow-m);
-    }
-
-    .ScrollButton:hover {
-        box-shadow: var(--shadow-l);
-    }
-
-    .ScrollButton:active {
-        box-shadow: var(--shadow-s);
-    }
-
-    .ScrollButton_invisible {
-        pointer-events: none;
-        opacity: 0;
-    }
+  .IconButtonNext.ScrollButton_invisible {
+    pointer-events: none;
+    opacity: 0;
+  }

package/__inner__/esm/components/Tabs/components/ScrollButton/ScrollButton.d.ts

@@ -1,11 +1,11 @@
 import './ScrollButton.css';
 import React from 'react';
-import type { Ref, ButtonHTMLAttributes } from 'react';
+import type { Ref } from 'react';
+import type { IconButtonProps } from '../../../IconButtonNext';
 import type { TabsSizeVariant } from '../../types';
 export declare const scrollButtonDirectionVariant: readonly ["left", "right"];
 export type ScrollButtonDirectionVariant = (typeof scrollButtonDirectionVariant)[number];
-type ButtonElProps = ButtonHTMLAttributes<HTMLButtonElement>;
-interface ScrollButtonProps extends ButtonElProps {
+interface ScrollButtonProps extends Partial<IconButtonProps> {
     direction: ScrollButtonDirectionVariant;
     invisible: boolean;
     children?: never;

package/__inner__/esm/components/Tabs/components/ScrollButton/ScrollButton.js

@@ -3,6 +3,7 @@ import './ScrollButton.css';
 import React, { useMemo } from 'react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@ozen-ui/icons';
 import { cn } from '../../../../utils/classname';
+import { IconButton } from '../../../IconButtonNext';
 export var scrollButtonDirectionVariant = ['left', 'right'];
 export var cnScrollButton = cn('ScrollButton');
 export var iconByDirection = {
@@ -18,7 +19,6 @@ export var ScrollButton = React.forwardRef(function (_a, ref) {
     var ariaLabel = useMemo(function () { return ariaLabelByDirection[direction]; }, [direction]);
     var Icon = useMemo(function () { return iconByDirection[direction]; }, [direction]);
     var tabIndex = invisible ? -1 : 0;
-    return (React.createElement("button", __assign({ className: cnScrollButton({ invisible: invisible, direction: direction, size: size }, [className]), tabIndex: tabIndex, "aria-label": ariaLabel, ref: ref }, other),
-        React.createElement(Icon, { size: "s" })));
+    return (React.createElement(IconButton, __assign({ variant: "floating", size: size, icon: React.createElement(Icon, { size: "s" }), className: cnScrollButton({ invisible: invisible, direction: direction }, [className]), tabIndex: tabIndex, "aria-label": ariaLabel, compressed: true, ref: ref }, other)));
 });
 ScrollButton.displayName = 'ScrollButton';

package/__inner__/esm/components/Tabs/components/Tab/Tab.css

@@ -7,7 +7,7 @@
   max-inline-size: 360px;
   min-inline-size: 90px;
   cursor: pointer;
-  border-radius: var(--border-radius-xs);
+  border-radius: var(--tab-border-radius);
   color: var(--color-content-secondary);
   font-style: normal;
   text-decoration: none;
@@ -34,7 +34,7 @@
   }
 .Tab_active {
     cursor: auto;
-    border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
+    border-radius: var(--tab-border-radius);
   }
 .Tab > svg {
     flex-shrink: 0;
@@ -94,15 +94,19 @@
         text-transform: var(--typography-text-m-text_transform, none);
       }
 .Tab_size_xs {
+    --tab-border-radius: var(--border-radius-m);
     padding: 12px;
   }
 .Tab_size_s {
+    --tab-border-radius: var(--border-radius-l);
     padding: 14px 16px;
   }
 .Tab_size_m {
+    --tab-border-radius: var(--border-radius-l);
     padding: 16px 20px;
   }
 .Tab_size_l {
+    --tab-border-radius: var(--border-radius-l);
     padding: 18px 24px;
   }
 .Tab_onlyIcon.Tab_size_2xs {

package/__inner__/esm/components/Tag/Tag.css

@@ -1,13 +1,13 @@
 /* stylelint-disable */
 .Tag {
-  display: inline-flex;
-  align-items: center;
-  border-radius: var(--border-radius-xs);
-  padding: var(--tag-padding);
-  gap: var(--spacing-3xs);
-  outline: none;
   border: none;
+  outline: none;
+  align-items: center;
+  display: inline-flex;
   text-decoration: none;
+  gap: var(--spacing-3xs);
+  padding: var(--tag-padding);
+  border-radius: var(--tag-border-radius);
   transition:
     box-shadow var(--transition-default),
     background-color var(--transition-default),
@@ -19,6 +19,7 @@
       text-transform: var(--typography-text-3xs-text_transform, none);
 
       --tag-padding: 0 4px;
+      --tag-border-radius: var(--border-radius-s);
     }
 .Tag_size_xs {
       font: var(--typography-text-xs-font);
@@ -26,6 +27,7 @@
       text-transform: var(--typography-text-xs-text_transform, none);
 
       --tag-padding: 4px 8px;
+      --tag-border-radius: var(--border-radius-s);
     }
 .Tag_size_s {
       font: var(--typography-text-s-font);
@@ -33,6 +35,7 @@
       text-transform: var(--typography-text-s-text_transform, none);
 
       --tag-padding: 6px 12px;
+      --tag-border-radius: var(--border-radius-m);
     }
 .Tag_variant_neutral {
       background-color: var(--color-background-secondary);

package/__inner__/esm/components/Textarea/Textarea.js

@@ -12,10 +12,10 @@ export var Textarea = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'Textarea',
     });
-    var _a = props.size, size = _a === void 0 ? TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, disabled = props.disabled, textareaProps = props.textareaProps, labelProps = props.labelProps, labelRef = props.labelRef, textareaRef = props.textareaRef, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "disabled", "textareaProps", "labelProps", "labelRef", "textareaRef"]);
+    var _a = props.size, size = _a === void 0 ? TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, disabled = props.disabled, textareaProps = props.textareaProps, labelProps = props.labelProps, hintProps = props.hintProps, labelRef = props.labelRef, textareaRef = props.textareaRef, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "disabled", "textareaProps", "labelProps", "hintProps", "labelRef", "textareaRef"]);
     return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { className: cnTextarea({
             expand: expand,
         }, [className]), ref: ref }),
-        React.createElement(TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps })));
+        React.createElement(TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps, hintProps: hintProps })));
 });
 Textarea.displayName = 'Textarea';

package/__inner__/esm/components/Textarea/components/TextareaConsumer.js

@@ -9,7 +9,7 @@ import { Fieldset } from '../../Fieldset';
 import { cnTextarea } from '../../Textarea';
 import { TextareaCounter } from './index';
 export var TextareaConsumer = function (_a) {
-    var labelProps = _a.labelProps, labelRef = _a.labelRef, maxLength = _a.maxLength, label = _a.label, id = _a.id, name = _a.name, cols = _a.cols, rows = _a.rows, disabled = _a.disabled, valueProp = _a.value, required = _a.required, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autoFocus = _a.autoFocus, textareaProps = _a.textareaProps, onChange = _a.onChange, textareaRef = _a.textareaRef, expand = _a.expand, hint = _a.hint;
+    var labelProps = _a.labelProps, hintProps = _a.hintProps, labelRef = _a.labelRef, maxLength = _a.maxLength, label = _a.label, id = _a.id, name = _a.name, cols = _a.cols, rows = _a.rows, disabled = _a.disabled, valueProp = _a.value, required = _a.required, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autoFocus = _a.autoFocus, textareaProps = _a.textareaProps, onChange = _a.onChange, textareaRef = _a.textareaRef, expand = _a.expand, hint = _a.hint;
     var fieldRef = useRef(null);
     var context = useFieldControl();
     var _b = __read(context, 1), value = _b[0].value;
@@ -26,7 +26,7 @@ export var TextareaConsumer = function (_a) {
             React.createElement(FieldLabel, __assign({}, labelProps, { className: cnTextarea('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref) }), label),
             React.createElement(FieldInput, __assign({ as: "textarea", id: id, name: name, cols: cols, rows: rows, disabled: disabled, value: valueProp, required: required, defaultValue: defaultValue, maxLength: maxLength, placeholder: placeholder, autoFocus: autoFocus, onChange: onChange }, textareaProps, { className: cnTextarea('Field', {}, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.className]), ref: useMultiRef([textareaRef || (textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.ref), fieldRef]) })),
             React.createElement(Fieldset, null)),
-        React.createElement(FieldHint, null,
+        React.createElement(FieldHint, __assign({}, hintProps),
             hint,
             maxLength && React.createElement(TextareaCounter, { maxLength: maxLength }))));
 };

package/__inner__/esm/components/Textarea/types.d.ts

@@ -1,6 +1,7 @@
-import type { Ref, ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
+import type { FieldHintProps } from '../FieldHint';
 import type { FieldLabelProps } from '../FieldLabel';
 export type TextareaSizeVariant = FormElementSizeVariant;
 export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
@@ -61,6 +62,8 @@ export type TextareaProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFA
     };
     /** Свойства FieldLabel */
     labelProps?: FieldLabelProps;
+    /** Cвойства FieldHint */
+    hintProps?: Omit<FieldHintProps, 'children'>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & TextareaPropsDeprecated;

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -112,7 +112,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
+        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size === 'xs' ? 's' : 'l' }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
                 size: size,
             }, disableEnforceFocus: true, disableReturnFocus: true }), label)));
 });

package/__inner__/esm/locale/locale.js

@@ -1,5 +1,9 @@
+import { NEXT, PAGE, PREVIOUS } from '../components/Pagination/constants';
 export var ruRU = {
     defaultProps: {
+        Alert: {
+            closeText: 'Закрыть',
+        },
         Autocomplete: {
             noOptionsText: 'Ничего не найдено',
             closeText: 'Закрыть',
@@ -28,10 +32,32 @@ export var ruRU = {
             incrementButtonText: 'Увеличить',
             decrementButtonText: 'Уменьшить',
         },
+        Pagination: {
+            'aria-label': 'Навигация по страницам',
+            getItemAriaLabel: function (_a) {
+                var page = _a.page, type = _a.type, selected = _a.selected;
+                if (type === NEXT) {
+                    return 'Перейти на следующую страницу';
+                }
+                if (type === PREVIOUS) {
+                    return 'Перейти на предыдущую страницу';
+                }
+                if (selected) {
+                    return "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 ".concat(page);
+                }
+                if (type === PAGE) {
+                    return "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 ".concat(page);
+                }
+                return '';
+            },
+        },
     },
 };
 export var kkKZ = {
     defaultProps: {
+        Alert: {
+            closeText: 'Жабу',
+        },
         Autocomplete: {
             noOptionsText: 'Ештеңе табылған жоқ',
             closeText: 'Жабу',
@@ -60,10 +86,32 @@ export var kkKZ = {
             incrementButtonText: 'Үлкейту',
             decrementButtonText: 'Азайту',
         },
+        Pagination: {
+            'aria-label': 'Беттерді шарлау',
+            getItemAriaLabel: function (_a) {
+                var page = _a.page, type = _a.type, selected = _a.selected;
+                if (type === NEXT) {
+                    return 'Келесі бетке өтіңіз';
+                }
+                if (type === PREVIOUS) {
+                    return 'Алдыңғы бетке өтіңіз';
+                }
+                if (selected) {
+                    return "".concat(page, " \u0431\u0435\u0442");
+                }
+                if (type === PAGE) {
+                    return "".concat(page, "-\u0431\u0435\u0442\u043A\u0435 \u04E9\u0442\u0456\u04A3\u0456\u0437");
+                }
+                return '';
+            },
+        },
     },
 };
 export var enUS = {
     defaultProps: {
+        Alert: {
+            closeText: 'Close',
+        },
         Autocomplete: {
             noOptionsText: 'No options',
             closeText: 'Close',
@@ -92,5 +140,24 @@ export var enUS = {
             incrementButtonText: 'Increment',
             decrementButtonText: 'Decrement',
         },
+        Pagination: {
+            'aria-label': 'Pagination navigation',
+            getItemAriaLabel: function (_a) {
+                var page = _a.page, type = _a.type, selected = _a.selected;
+                if (type === NEXT) {
+                    return 'Go to next page';
+                }
+                if (type === PREVIOUS) {
+                    return 'Go to previous page';
+                }
+                if (selected) {
+                    return "Page ".concat(page);
+                }
+                if (type === PAGE) {
+                    return "Go to page ".concat(page);
+                }
+                return '';
+            },
+        },
     },
 };

package/__inner__/esm/utils/getPaperSizeToFormElement.d.ts

@@ -0,0 +1,3 @@
+import type { PaperProps } from '../components/Paper';
+import type { FormElementSizeVariant } from '../types/FormElementSizeVariant';
+export declare const getPaperSizeToFormElement: (size: FormElementSizeVariant) => PaperProps['radius'];

package/__inner__/esm/utils/getPaperSizeToFormElement.js

@@ -0,0 +1,8 @@
+var matchPaperSizeToFormElement = {
+    '2xs': 's',
+    xs: 's',
+    s: 'l',
+    m: 'l',
+    l: 'l',
+};
+export var getPaperSizeToFormElement = function (size) { return matchPaperSizeToFormElement === null || matchPaperSizeToFormElement === void 0 ? void 0 : matchPaperSizeToFormElement[size]; };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.41.0",
+  "version": "0.43.0",
   "description": "React component library",
   "files": [
     "*"
@@ -27,9 +27,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.2",
-    "@ozen-ui/fonts": "0.41.0",
-    "@ozen-ui/icons": "0.41.0",
-    "@ozen-ui/logger": "0.41.0"
+    "@ozen-ui/fonts": "0.43.0",
+    "@ozen-ui/icons": "0.43.0",
+    "@ozen-ui/logger": "0.43.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",