@astral/ui 1.28.6 → 1.28.9

package/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.d.ts

@@ -1,5 +1,5 @@
 import { SyntheticEvent } from 'react';
-import { Reason } from '../../services/BackdropStackManager';
+import { Reason } from '../../../types';
 /**
  * @description необязательные настройки для использоввания хука
  */
@@ -23,7 +23,7 @@ declare type ReturnElements = {
     /**
      * @description метод вызываемый при закрытии элемента, внутри него определяется состояние isOpened
      */
-    handleClose: (event: SyntheticEvent<Element, Event>, reason?: Reason) => void;
+    handleClose: (event?: SyntheticEvent<Element, Event> | Event | {}, reason?: Reason) => void;
 };
 declare type UseBackdropStackToggleFunc = (options?: Options) => ReturnElements;
 /**

package/BackdropStack/services/BackdropStackManager/BackdropStackManager.d.ts

@@ -1,6 +1,5 @@
-import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
+import { Reason } from '../../../types';
 declare type PopId = string;
-export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;
 declare class BackdropStackManager {
     private stack;
     private previousPopInfo;

package/DatePicker/DatePicker.d.ts

@@ -1,6 +1,7 @@
-import { FocusEvent } from 'react';
+import { FocusEvent, SyntheticEvent } from 'react';
 import { TextFieldProps } from '../TextField';
 import { DateMask } from '../utils/date';
+import { Reason } from '../types';
 import { MinMaxDate } from './types';
 import { MondayFirst } from './DayPicker';
 export declare type DatePickerProps = MondayFirst & Partial<MinMaxDate> & {
@@ -8,7 +9,7 @@ export declare type DatePickerProps = MondayFirst & Partial<MinMaxDate> & {
     onChange?: (date: Date | string | null | undefined) => void;
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onOpen?: () => void;
-    onClose?: () => void;
+    onClose?: (event?: SyntheticEvent<Element, Event> | Event, reason?: Reason) => void;
     inputProps?: Omit<TextFieldProps, 'ref' | 'value' | 'onChange'>;
     disabled?: boolean;
     value?: Date;
@@ -18,7 +19,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
     onChange?: ((date: Date | string | null | undefined) => void) | undefined;
     onBlur?: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
     onOpen?: (() => void) | undefined;
-    onClose?: (() => void) | undefined;
+    onClose?: ((event?: SyntheticEvent<Element, Event> | Event, reason?: Reason) => void) | undefined;
     inputProps?: Omit<TextFieldProps, "ref" | "value" | "onChange"> | undefined;
     disabled?: boolean | undefined;
     value?: Date | undefined;

package/DatePicker/DatePicker.js

@@ -14,8 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const useForwardedRef_1 = require("../hooks/useForwardedRef");
-const useToggle_1 = require("../hooks/useToggle");
+const hooks_1 = require("../hooks");
 const date_1 = require("../utils/date");
 const DatePickerClickAwayListener_1 = require("./DatePickerClickAwayListener");
 const DatePickerInput_1 = require("./DatePickerInput");
@@ -26,8 +25,8 @@ const useBaseDateInRange_1 = require("./hooks/useBaseDateInRange");
 const useSelectedBaseDate_1 = require("./hooks/useSelectedBaseDate");
 const DatePickerInner = (0, react_1.forwardRef)(({ onChange, onOpen, onBlur, onClose, mask = 'DD.MM.YYYY', isMondayFirst, inputProps, disabled, value: parentValue, }, forwardedRef) => {
     const { maxDate, minDate } = (0, react_1.useContext)(MinMaxDateContext_1.MinMaxDateContext);
-    const ref = (0, useForwardedRef_1.useForwardedRef)(forwardedRef);
-    const [isActive, openPopper, closePopper] = (0, useToggle_1.useToggle)({
+    const ref = (0, hooks_1.useForwardedRef)(forwardedRef);
+    const [isActive, openPopper, closePopper] = (0, hooks_1.useToggle)({
         onActive: onOpen,
         onInactive: onClose,
     });
@@ -49,7 +48,7 @@ const DatePickerInner = (0, react_1.forwardRef)(({ onChange, onOpen, onBlur, onC
     const handleDayPick = (date) => {
         setMaskedDate((0, date_1.formatDate)(date, mask));
         setSelectedDate(date);
-        closePopper();
+        closePopper(undefined, 'selectOption');
     };
     (0, react_1.useEffect)(() => onChange === null || onChange === void 0 ? void 0 : onChange(selectedDate || maskedDate), [selectedDate, maskedDate]);
     (0, react_1.useEffect)(() => checkValue(parentValue || ''), [parentValue]);

package/DatePicker/DatePickerPopper/DatePickerPopper.d.ts

@@ -1,6 +1,7 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, SyntheticEvent } from 'react';
 import { PopperProps } from '@mui/material';
+import { Reason } from '../../types';
 export declare type DatePickerProps = PropsWithChildren<Omit<PopperProps, 'children'>> & {
-    onClose?: () => void;
+    onClose?: (_?: SyntheticEvent<Element, Event> | Event, reason?: Reason) => void;
 };
 export declare const DatePickerPopper: ({ children, onClose, ...props }: DatePickerProps) => JSX.Element;

package/DatePicker/DatePickerPopper/DatePickerPopper.js

@@ -17,7 +17,11 @@ const useEscapeClickEffect_1 = require("../../hooks/useEscapeClickEffect");
 const styles_1 = require("./styles");
 const DatePickerPopper = (_a) => {
     var { children, onClose } = _a, props = __rest(_a, ["children", "onClose"]);
-    (0, useEscapeClickEffect_1.useEscapeClickEffect)({ onEscape: onClose, isActive: props.open });
+    (0, useEscapeClickEffect_1.useEscapeClickEffect)({
+        onEscape: onClose,
+        isActive: props.open,
+        preventBubbling: true,
+    });
     return ((0, jsx_runtime_1.jsx)(styles_1.PopperWrapper, Object.assign({}, props, { placement: "bottom-start", disablePortal: true, modifiers: [
             {
                 name: 'offset',

package/Fab/Fab.js

@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styles_1 = require("./styles");
 const enums_1 = require("./enums");
-exports.Fab = (0, react_1.forwardRef)((_a) => {
-    var { ref, variant = 'square', size = enums_1.FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["ref", "variant", "size", "color"]);
+exports.Fab = (0, react_1.forwardRef)((_a, ref) => {
+    var { variant = 'square', size = enums_1.FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["variant", "size", "color"]);
     return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
 });

package/FormHelperText/FormHelperTextContent/styles.js

@@ -9,7 +9,10 @@ const getStyles = (theme) => {
   font-size: ${theme.typography.h5.fontSize};
   vertical-align: middle;`;
 };
+// flex необходим, для того, чтобы span не менял высоту полей и имел фиксированную высоту в 16px
 exports.FormHelperTextWrapper = styles_1.styled.span `
+  display: flex;
+
   color: ${({ success, error, theme }) => {
     if (success) {
         return theme.palette.success.dark;

package/esm/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.d.ts

@@ -1,5 +1,5 @@
 import { SyntheticEvent } from 'react';
-import { Reason } from '../../services/BackdropStackManager';
+import { Reason } from '../../../types';
 /**
  * @description необязательные настройки для использоввания хука
  */
@@ -23,7 +23,7 @@ declare type ReturnElements = {
     /**
      * @description метод вызываемый при закрытии элемента, внутри него определяется состояние isOpened
      */
-    handleClose: (event: SyntheticEvent<Element, Event>, reason?: Reason) => void;
+    handleClose: (event?: SyntheticEvent<Element, Event> | Event | {}, reason?: Reason) => void;
 };
 declare type UseBackdropStackToggleFunc = (options?: Options) => ReturnElements;
 /**

package/esm/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { backdropStackManager, } from '../../services/BackdropStackManager';
+import { backdropStackManager } from '../../services/BackdropStackManager';
 /**
  * @description хук предназначен для быстрого использования backdropStackManager в реакт компонентах, хранит неуправляемый стейт, если вам нужно управлять этим стейтом, воспользуйтесь backdropStackManager в своем компоненте напрямую.
  */

package/esm/BackdropStack/services/BackdropStackManager/BackdropStackManager.d.ts

@@ -1,6 +1,5 @@
-import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
+import { Reason } from '../../../types';
 declare type PopId = string;
-export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;
 declare class BackdropStackManager {
     private stack;
     private previousPopInfo;

package/esm/DatePicker/DatePicker.d.ts

@@ -1,6 +1,7 @@
-import { FocusEvent } from 'react';
+import { FocusEvent, SyntheticEvent } from 'react';
 import { TextFieldProps } from '../TextField';
 import { DateMask } from '../utils/date';
+import { Reason } from '../types';
 import { MinMaxDate } from './types';
 import { MondayFirst } from './DayPicker';
 export declare type DatePickerProps = MondayFirst & Partial<MinMaxDate> & {
@@ -8,7 +9,7 @@ export declare type DatePickerProps = MondayFirst & Partial<MinMaxDate> & {
     onChange?: (date: Date | string | null | undefined) => void;
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onOpen?: () => void;
-    onClose?: () => void;
+    onClose?: (event?: SyntheticEvent<Element, Event> | Event, reason?: Reason) => void;
     inputProps?: Omit<TextFieldProps, 'ref' | 'value' | 'onChange'>;
     disabled?: boolean;
     value?: Date;
@@ -18,7 +19,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
     onChange?: ((date: Date | string | null | undefined) => void) | undefined;
     onBlur?: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
     onOpen?: (() => void) | undefined;
-    onClose?: (() => void) | undefined;
+    onClose?: ((event?: SyntheticEvent<Element, Event> | Event, reason?: Reason) => void) | undefined;
     inputProps?: Omit<TextFieldProps, "ref" | "value" | "onChange"> | undefined;
     disabled?: boolean | undefined;
     value?: Date | undefined;

package/esm/DatePicker/DatePicker.js

@@ -11,8 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useContext, useEffect, useState, } from 'react';
-import { useForwardedRef } from '../hooks/useForwardedRef';
-import { useToggle } from '../hooks/useToggle';
+import { useForwardedRef, useToggle } from '../hooks';
 import { areDatesSame, formatDate, isDate, parseDate, } from '../utils/date';
 import { DatePickerClickAwayListener } from './DatePickerClickAwayListener';
 import { DatePickerInput } from './DatePickerInput';
@@ -46,7 +45,7 @@ const DatePickerInner = forwardRef(({ onChange, onOpen, onBlur, onClose, mask =
     const handleDayPick = (date) => {
         setMaskedDate(formatDate(date, mask));
         setSelectedDate(date);
-        closePopper();
+        closePopper(undefined, 'selectOption');
     };
     useEffect(() => onChange === null || onChange === void 0 ? void 0 : onChange(selectedDate || maskedDate), [selectedDate, maskedDate]);
     useEffect(() => checkValue(parentValue || ''), [parentValue]);

package/esm/DatePicker/DatePickerPopper/DatePickerPopper.d.ts

@@ -1,6 +1,7 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, SyntheticEvent } from 'react';
 import { PopperProps } from '@mui/material';
+import { Reason } from '../../types';
 export declare type DatePickerProps = PropsWithChildren<Omit<PopperProps, 'children'>> & {
-    onClose?: () => void;
+    onClose?: (_?: SyntheticEvent<Element, Event> | Event, reason?: Reason) => void;
 };
 export declare const DatePickerPopper: ({ children, onClose, ...props }: DatePickerProps) => JSX.Element;

package/esm/DatePicker/DatePickerPopper/DatePickerPopper.js

@@ -14,7 +14,11 @@ import { useEscapeClickEffect } from '../../hooks/useEscapeClickEffect';
 import { DatePickerPopoverInner, PopperWrapper } from './styles';
 export const DatePickerPopper = (_a) => {
     var { children, onClose } = _a, props = __rest(_a, ["children", "onClose"]);
-    useEscapeClickEffect({ onEscape: onClose, isActive: props.open });
+    useEscapeClickEffect({
+        onEscape: onClose,
+        isActive: props.open,
+        preventBubbling: true,
+    });
     return (_jsx(PopperWrapper, Object.assign({}, props, { placement: "bottom-start", disablePortal: true, modifiers: [
             {
                 name: 'offset',

package/esm/Fab/Fab.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { StyledFab } from './styles';
 import { FabSizes } from './enums';
-export const Fab = forwardRef((_a) => {
-    var { ref, variant = 'square', size = FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["ref", "variant", "size", "color"]);
+export const Fab = forwardRef((_a, ref) => {
+    var { variant = 'square', size = FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["variant", "size", "color"]);
     return (_jsx(StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
 });

package/esm/FormHelperText/FormHelperTextContent/styles.js

@@ -6,7 +6,10 @@ const getStyles = (theme) => {
   font-size: ${theme.typography.h5.fontSize};
   vertical-align: middle;`;
 };
+// flex необходим, для того, чтобы span не менял высоту полей и имел фиксированную высоту в 16px
 export const FormHelperTextWrapper = styled.span `
+  display: flex;
+
   color: ${({ success, error, theme }) => {
     if (success) {
         return theme.palette.success.dark;

package/esm/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useToggle';
 export * from './useForwardedRef';

package/esm/hooks/index.js

@@ -1,3 +1,4 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useToggle';
 export * from './useForwardedRef';

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -1,8 +1,9 @@
-declare type UseEscapeClickEffectProps = {
+import { Reason } from '../../types';
+export declare type UseEscapeClickEffectProps = {
     /**
      * @description колбэк который будет вызываться при нажатии на кнопку `esc`
      */
-    onEscape?: () => void;
+    onEscape?: (event: Event, reason: Reason) => void;
     /**
      * @description флаг активности
      */
@@ -16,4 +17,3 @@ declare type UseEscapeClickEffectProps = {
  * @description хук клика по кнопке клавиатуры `esc`
  */
 export declare const useEscapeClickEffect: ({ onEscape, isActive, preventBubbling, }: UseEscapeClickEffectProps) => void;
-export {};

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.js

@@ -13,12 +13,12 @@ export const useEscapeClickEffect = ({ onEscape, isActive, preventBubbling, }) =
                     e.stopPropagation();
                     e.stopImmediatePropagation();
                 }
-                onEscape === null || onEscape === void 0 ? void 0 : onEscape();
+                onEscape === null || onEscape === void 0 ? void 0 : onEscape(e, 'escape');
             }
         };
-        window.addEventListener('keydown', onKeydown);
+        window.addEventListener('keydown', onKeydown, true);
         return () => {
-            window.removeEventListener('keydown', onKeydown);
+            window.removeEventListener('keydown', onKeydown, true);
         };
     }, [isActive]);
 };

package/esm/hooks/useToggle/useToggle.d.ts

@@ -1,13 +1,43 @@
-declare type OpenHandler = () => void;
-declare type CloseHandler = () => void;
-declare type UseToggleResultTuple = [boolean, OpenHandler, CloseHandler];
-declare type UseToggleOptions = {
+/**
+ * @description тип обозначающий какой угодно рест аргументов
+ */
+declare type Arguments = unknown[];
+/**
+ * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
+ */
+declare type Handler<Args extends Arguments> = (...a: Args) => void;
+/**
+ * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
+ */
+declare type OpenHandler<Args extends Arguments> = Handler<Args>;
+/**
+ * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
+ */
+declare type CloseHandler<Args extends Arguments> = Handler<Args>;
+declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+    /**
+     * @description флаг активности состояния
+     */
+    boolean,
+    OpenHandler<OpenArgs>,
+    CloseHandler<CloseArgs>
+];
+declare type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+    /**
+     * @description изначальное состояние активности
+     */
     initialState?: boolean;
-    onActive?: () => void;
-    onInactive?: () => void;
-} | undefined;
+    /**
+     * @description коллбэк на открытие
+     */
+    onActive?: OpenHandler<OpenArgs>;
+    /**
+     * @description коллбэк на закрытие
+     */
+    onInactive?: CloseHandler<CloseArgs>;
+};
 /**
- * @description хук хранящий стейт активности, и предоставляющий методы переключения, позволяет уменьшить бойлерплейт код
+ * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
  */
-export declare const useToggle: (params: UseToggleOptions) => UseToggleResultTuple;
+export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs> | undefined) => UseToggleResultTuple<CloseArgs, OpenArgs>;
 export {};

package/esm/hooks/useToggle/useToggle.js

@@ -1,17 +1,19 @@
 import { useState } from 'react';
 /**
- * @description хук хранящий стейт активности, и предоставляющий методы переключения, позволяет уменьшить бойлерплейт код
+ * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
  */
 export const useToggle = (params) => {
     const { initialState = false, onInactive, onActive } = params || {};
     const [isActive, setActive] = useState(initialState);
-    const handleActive = () => {
+    // выставляем флаг активности в true, и проксируем все принятые аргументы
+    const handleActive = (...args) => {
         setActive(true);
-        onActive === null || onActive === void 0 ? void 0 : onActive();
+        onActive === null || onActive === void 0 ? void 0 : onActive(...args);
     };
-    const handleInactive = () => {
+    // выставляем флаг активности в false, и проксируем все принятые аргументы
+    const handleInactive = (...args) => {
         setActive(false);
-        onInactive === null || onInactive === void 0 ? void 0 : onInactive();
+        onInactive === null || onInactive === void 0 ? void 0 : onInactive(...args);
     };
     return [isActive, handleActive, handleInactive];
 };

package/esm/types.d.ts

@@ -1 +1,3 @@
+import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
 export declare type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
+export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;

package/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useToggle';
 export * from './useForwardedRef';

package/hooks/index.js

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useLocalStorage"), exports);
 __exportStar(require("./useMenu"), exports);
+__exportStar(require("./useToggle"), exports);
 __exportStar(require("./useForwardedRef"), exports);

package/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -1,8 +1,9 @@
-declare type UseEscapeClickEffectProps = {
+import { Reason } from '../../types';
+export declare type UseEscapeClickEffectProps = {
     /**
      * @description колбэк который будет вызываться при нажатии на кнопку `esc`
      */
-    onEscape?: () => void;
+    onEscape?: (event: Event, reason: Reason) => void;
     /**
      * @description флаг активности
      */
@@ -16,4 +17,3 @@ declare type UseEscapeClickEffectProps = {
  * @description хук клика по кнопке клавиатуры `esc`
  */
 export declare const useEscapeClickEffect: ({ onEscape, isActive, preventBubbling, }: UseEscapeClickEffectProps) => void;
-export {};

package/hooks/useEscapeClickEffect/useEscapeClickEffect.js

@@ -16,12 +16,12 @@ const useEscapeClickEffect = ({ onEscape, isActive, preventBubbling, }) => {
                     e.stopPropagation();
                     e.stopImmediatePropagation();
                 }
-                onEscape === null || onEscape === void 0 ? void 0 : onEscape();
+                onEscape === null || onEscape === void 0 ? void 0 : onEscape(e, 'escape');
             }
         };
-        window.addEventListener('keydown', onKeydown);
+        window.addEventListener('keydown', onKeydown, true);
         return () => {
-            window.removeEventListener('keydown', onKeydown);
+            window.removeEventListener('keydown', onKeydown, true);
         };
     }, [isActive]);
 };

package/hooks/useToggle/useToggle.d.ts

@@ -1,13 +1,43 @@
-declare type OpenHandler = () => void;
-declare type CloseHandler = () => void;
-declare type UseToggleResultTuple = [boolean, OpenHandler, CloseHandler];
-declare type UseToggleOptions = {
+/**
+ * @description тип обозначающий какой угодно рест аргументов
+ */
+declare type Arguments = unknown[];
+/**
+ * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
+ */
+declare type Handler<Args extends Arguments> = (...a: Args) => void;
+/**
+ * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
+ */
+declare type OpenHandler<Args extends Arguments> = Handler<Args>;
+/**
+ * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
+ */
+declare type CloseHandler<Args extends Arguments> = Handler<Args>;
+declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+    /**
+     * @description флаг активности состояния
+     */
+    boolean,
+    OpenHandler<OpenArgs>,
+    CloseHandler<CloseArgs>
+];
+declare type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+    /**
+     * @description изначальное состояние активности
+     */
     initialState?: boolean;
-    onActive?: () => void;
-    onInactive?: () => void;
-} | undefined;
+    /**
+     * @description коллбэк на открытие
+     */
+    onActive?: OpenHandler<OpenArgs>;
+    /**
+     * @description коллбэк на закрытие
+     */
+    onInactive?: CloseHandler<CloseArgs>;
+};
 /**
- * @description хук хранящий стейт активности, и предоставляющий методы переключения, позволяет уменьшить бойлерплейт код
+ * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
  */
-export declare const useToggle: (params: UseToggleOptions) => UseToggleResultTuple;
+export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs> | undefined) => UseToggleResultTuple<CloseArgs, OpenArgs>;
 export {};

package/hooks/useToggle/useToggle.js

@@ -3,18 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToggle = void 0;
 const react_1 = require("react");
 /**
- * @description хук хранящий стейт активности, и предоставляющий методы переключения, позволяет уменьшить бойлерплейт код
+ * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
  */
 const useToggle = (params) => {
     const { initialState = false, onInactive, onActive } = params || {};
     const [isActive, setActive] = (0, react_1.useState)(initialState);
-    const handleActive = () => {
+    // выставляем флаг активности в true, и проксируем все принятые аргументы
+    const handleActive = (...args) => {
         setActive(true);
-        onActive === null || onActive === void 0 ? void 0 : onActive();
+        onActive === null || onActive === void 0 ? void 0 : onActive(...args);
     };
-    const handleInactive = () => {
+    // выставляем флаг активности в false, и проксируем все принятые аргументы
+    const handleInactive = (...args) => {
         setActive(false);
-        onInactive === null || onInactive === void 0 ? void 0 : onInactive();
+        onInactive === null || onInactive === void 0 ? void 0 : onInactive(...args);
     };
     return [isActive, handleActive, handleInactive];
 };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.28.6",
+  "version": "1.28.9",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.28.6",
+    "@astral/icons": "^1.28.9",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/types.d.ts

@@ -1 +1,3 @@
+import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
 export declare type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
+export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;