mimir-ui-kit 1.7.1 → 1.8.1

package/dist/components/Switch/Switch.d.ts

@@ -1,4 +1,294 @@
-import { FC } from 'react';
-import { TSwitchProps } from './types';
+import { CheckboxProps } from '@headlessui/react';
 
-export declare const Switch: FC<TSwitchProps>;
+export type TSwitchProps = CheckboxProps;
+export declare const Switch: import('react').ForwardRefExoticComponent<{
+    suppressHydrationWarning?: boolean | undefined;
+    color?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    style?: import('react').CSSProperties | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCopyCapture?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCut?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCutCapture?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPaste?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPasteCapture?: import('react').ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEnd?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStart?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLSpanElement> | undefined;
+    onFocus?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onFocusCapture?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlur?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlurCapture?: import('react').FocusEventHandler<HTMLSpanElement> | undefined;
+    onChangeCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInput?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInput?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInputCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onReset?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onResetCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmit?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmitCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalid?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalidCapture?: import('react').FormEventHandler<HTMLSpanElement> | undefined;
+    onLoad?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onError?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onErrorCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onKeyDown?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPress?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUp?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onAbort?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onAbortCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlay?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThrough?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChange?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptied?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptiedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncrypted?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncryptedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEnded?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onEndedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedData?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadata?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStart?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStartCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPause?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPauseCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlay?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlaying?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayingCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgress?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgressCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChange?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChangeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onResize?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onResizeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeked?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekedCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeking?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekingCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalled?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalledCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspend?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspendCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdate?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChange?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaiting?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaitingCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onAuxClick?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onAuxClickCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onClick?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onClickCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenu?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenuCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClick?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onDrag?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnd?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEndCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnter?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnterCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExit?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExitCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeave?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeaveCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOver?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOverCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStart?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStartCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDrop?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onDropCapture?: import('react').DragEventHandler<HTMLSpanElement> | undefined;
+    onMouseDown?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseDownCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseEnter?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseLeave?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMove?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOut?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOutCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOver?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOverCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUp?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUpCapture?: import('react').MouseEventHandler<HTMLSpanElement> | undefined;
+    onSelect?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onSelectCapture?: import('react').ReactEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancel?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEnd?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEndCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMove?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStart?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStartCapture?: import('react').TouchEventHandler<HTMLSpanElement> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerDownCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMove?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUp?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUpCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancel?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerEnter?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerLeave?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOver?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOverCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOut?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOutCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLSpanElement> | undefined;
+    onScroll?: import('react').UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollCapture?: import('react').UIEventHandler<HTMLSpanElement> | undefined;
+    onWheel?: import('react').WheelEventHandler<HTMLSpanElement> | undefined;
+    onWheelCapture?: import('react').WheelEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStart?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEnd?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIteration?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEnd?: import('react').TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLSpanElement> | undefined;
+    key?: import('react').Key | null | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+} & {
+    as?: "span" | undefined;
+    children?: import('react').ReactNode | ((bag: {
+        checked: boolean;
+        changing: boolean;
+        focus: boolean;
+        active: boolean;
+        hover: boolean;
+        autofocus: boolean;
+        disabled: boolean;
+        indeterminate: boolean;
+    }) => import('react').ReactElement);
+    refName?: string;
+} & {
+    className?: string | ((bag: {
+        checked: boolean;
+        changing: boolean;
+        focus: boolean;
+        active: boolean;
+        hover: boolean;
+        autofocus: boolean;
+        disabled: boolean;
+        indeterminate: boolean;
+    }) => string) | undefined;
+} & {
+    value?: string | undefined;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    autoFocus?: boolean;
+    form?: string;
+    name?: string;
+    onChange?: (checked: boolean) => void;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Switch/Switch.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import React__default, { useId, useState, useMemo, useCallback } from "react";
+import React__default, { useId, useState, useMemo, useCallback, forwardRef, useEffect } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { W, d as u, b as a, l, T, I, G, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, c as $6179b936705e76d3$export$ae780daf29e6d456, D, j, H, r, e as o$1, f as p$1 } from "../../label-BXAcSLy0.js";
 import { w } from "../../use-active-press-9MCrfRZk.js";
@@ -26,27 +26,32 @@ const cls = {
   "switch": "_switch_1g34c_2",
   enabled
 };
-const Switch = ({
-  checked,
-  onChange
-}) => {
-  const [enabled2, setEnabled] = useState(checked);
-  const handleChange = (value) => {
-    setEnabled(value);
-    onChange == null ? void 0 : onChange(value);
-  };
-  return /* @__PURE__ */ jsx(
-    Re,
-    {
-      checked: enabled2,
-      onChange: handleChange,
-      className: classNames(cls.switch, {
-        [cls.enabled]: enabled2
-      }),
-      children: /* @__PURE__ */ jsx(Icon, { iconName: "Done16px" })
-    }
-  );
-};
+const Switch = forwardRef(
+  (props, ref) => {
+    const { checked, onChange, ...restProps } = props;
+    const [enabled2, setEnabled] = useState(checked);
+    const handleChange = (value) => {
+      setEnabled(value);
+      onChange == null ? void 0 : onChange(value);
+    };
+    useEffect(() => {
+      setEnabled(!!checked);
+    }, [checked]);
+    return /* @__PURE__ */ jsx(
+      Re,
+      {
+        ref,
+        checked: enabled2,
+        onChange: handleChange,
+        className: classNames(cls.switch, {
+          [cls.enabled]: enabled2
+        }),
+        ...restProps,
+        children: /* @__PURE__ */ jsx(Icon, { iconName: "Done16px" })
+      }
+    );
+  }
+);
 export {
   Switch
 };

package/dist/components/Switch/index.d.ts

@@ -1,2 +1,2 @@
 export { Switch } from './Switch';
-export type { TSwitchProps } from './types';
+export type { TSwitchProps } from './Switch';

package/dist/components/index.d.ts

@@ -6,7 +6,9 @@ export type { TInputPasswordProps } from './InputPassword';
 export { InputPhoneNumber, getMaskedInputPhoneValue, getUnmaskedInputValue } from './InputPhoneNumber';
 export { OtpInput } from './OtpInput';
 export { RadioGroup } from './RadioGroup';
-export type { TRadioOption } from './RadioGroup';
+export type { TRadioOption, TRadioGroupProps } from './RadioGroup';
+export { DatePicker } from './DatePicker';
+export type { TDatePickerProps, TDatePickerValue } from './DatePicker';
 export { MergedButton } from './MergedButton';
 export { EMergedButtonVariantRound } from './MergedButton';
 export type { TButtonPropsWithoutStyles } from './MergedButton';
@@ -18,6 +20,6 @@ export { EDrawerPosition } from './Drawer';
 export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
 export { SelectSearch, ESelectSearchSize } from './SelectSearch';
-export type { TSelectSearchItem, TSelectSearchProps, TSelectSearchSize } from './SelectSearch';
+export type { TSelectSearchItem, TSelectSearchProps } from './SelectSearch';
 export { Switch } from './Switch';
 export type { TSwitchProps } from './Switch';

package/dist/components/index.js

@@ -7,6 +7,7 @@ import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./InputPhoneNumber/utils.js";
 import { OtpInput } from "./OtpInput/OtpInput.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
+import { DatePicker } from "./DatePicker/DatePicker.js";
 import { MergedButton } from "./MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./MergedButton/constants.js";
 import { AppImage } from "./Image/Image.js";
@@ -23,6 +24,7 @@ import { ESelectSearchSize } from "./SelectSearch/constants.js";
 import { Switch } from "./Switch/Switch.js";
 export {
   Button,
+  DatePicker,
   Drawer,
   EButtonForm,
   EButtonSize,

package/dist/hooks/useClickOutside/index.d.ts

@@ -0,0 +1 @@
+export { useClickOutside } from './useClickOutside';

package/dist/hooks/useClickOutside/index.js

@@ -0,0 +1,4 @@
+import { useClickOutside } from "./useClickOutside.js";
+export {
+  useClickOutside
+};

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1,7 @@
+type TUseClickOutside = {
+    isActive: boolean;
+    setActive: (p: boolean) => void;
+    className: string;
+};
+export declare function useClickOutside({ isActive, setActive, className }: TUseClickOutside): void;
+export {};

package/dist/hooks/useClickOutside/useClickOutside.js

@@ -0,0 +1,25 @@
+import { useEffect } from "react";
+function useClickOutside({
+  isActive,
+  setActive,
+  className
+}) {
+  useEffect(() => {
+    const handleClickOtside = (e) => {
+      if (e.target) {
+        if (!e.target.closest("." + className)) {
+          setActive(false);
+          window.removeEventListener("click", handleClickOtside, true);
+        }
+      }
+    };
+    if (isActive) {
+      window.addEventListener("click", handleClickOtside, true);
+    } else {
+      window.removeEventListener("click", handleClickOtside, true);
+    }
+  }, [isActive]);
+}
+export {
+  useClickOutside
+};

package/dist/index.d.ts

@@ -2,3 +2,4 @@
 export * from './components';
 export * from './hooks';
 export * from './icons';
+export * from './utils';

package/dist/index.js

@@ -7,6 +7,7 @@ import { InputPhoneNumber } from "./components/InputPhoneNumber/InputPhoneNumber
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./components/InputPhoneNumber/utils.js";
 import { OtpInput } from "./components/OtpInput/OtpInput.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { DatePicker } from "./components/DatePicker/DatePicker.js";
 import { MergedButton } from "./components/MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./components/MergedButton/constants.js";
 import { AppImage } from "./components/Image/Image.js";
@@ -25,8 +26,10 @@ import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { Icon } from "./icons/Icon.js";
+import { formating } from "./utils/index.js";
 import './assets/index.css';export {
   Button,
+  DatePicker,
   Drawer,
   EButtonForm,
   EButtonSize,
@@ -56,6 +59,7 @@ import './assets/index.css';export {
   Steps,
   Switch,
   Vote,
+  formating,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
   useLockBodyScroll,

package/dist/utils/formating/Date.d.ts

@@ -0,0 +1 @@
+export default function _Date(x: Date, y: string | Date): string;

package/dist/utils/formating/Date.js

@@ -0,0 +1,26 @@
+function _Date(x, y) {
+  if (y === void 0) {
+    y = x;
+    x = /* @__PURE__ */ new Date();
+  } else {
+    x = new Date(x);
+  }
+  const replaces = {
+    yyyy: x.getFullYear() + "",
+    yy: `${x.getFullYear()}`.slice(-2),
+    mm: `0${x.getMonth() + 1}`.slice(-2),
+    dd: `0${x.getDate()}`.slice(-2),
+    HH: `0${x.getHours()}`.slice(-2),
+    MM: `0${x.getMinutes()}`.slice(-2),
+    SS: `0${x.getSeconds()}`.slice(-2)
+  };
+  Object.keys(replaces).forEach((replace) => {
+    if (typeof y === "string") {
+      y = y.replace(replace, replaces[replace]);
+    }
+  });
+  return y;
+}
+export {
+  _Date as default
+};

package/dist/utils/formating/Month.d.ts

@@ -0,0 +1,8 @@
+type MonthObj = {
+    val: string;
+    name: string;
+    names: string;
+    abc: string;
+};
+export default function Month(n: number): MonthObj;
+export {};

package/dist/utils/formating/Month.js

@@ -0,0 +1,80 @@
+function Month(n) {
+  const obj = {
+    1: {
+      val: "01",
+      name: "Январь",
+      names: "Января",
+      abc: "Янв"
+    },
+    2: {
+      val: "02",
+      name: "Февраль",
+      names: "Февраля",
+      abc: "Февр"
+    },
+    3: {
+      val: "03",
+      name: "Март",
+      names: "Марта",
+      abc: "Март"
+    },
+    4: {
+      val: "04",
+      name: "Апрель",
+      names: "Апреля",
+      abc: "Апр"
+    },
+    5: {
+      val: "05",
+      name: "Май",
+      names: "Мая",
+      abc: "Май"
+    },
+    6: {
+      val: "06",
+      name: "Июнь",
+      names: "Июня",
+      abc: "Июнь"
+    },
+    7: {
+      val: "07",
+      name: "Июль",
+      names: "Июля",
+      abc: "Июль"
+    },
+    8: {
+      val: "08",
+      name: "Август",
+      names: "Августа",
+      abc: "Авг"
+    },
+    9: {
+      val: "09",
+      name: "Сентябрь",
+      names: "Сентебря",
+      abc: "Сент"
+    },
+    10: {
+      val: "10",
+      name: "Октябрь",
+      names: "Октября",
+      abc: "Окт"
+    },
+    11: {
+      val: "11",
+      name: "Ноябрь",
+      names: "Ноября",
+      abc: "Нояб"
+    },
+    12: {
+      val: "12",
+      name: "Декабрь",
+      names: "Декабря",
+      abc: "Дек"
+    }
+  };
+  return obj[n];
+}
+export {
+  Month as default
+};

package/dist/utils/formating/Numbers.d.ts

@@ -0,0 +1,6 @@
+/**
+ *l - length
+ *n - numder
+ *fn(10,123) => 0000000123
+ */
+export default function Numbers(l: number, n: number): string;

package/dist/utils/formating/Numbers.js

@@ -0,0 +1,8 @@
+function Numbers(l, n) {
+  let result = n + "";
+  while (result.length < l) result = "0" + result;
+  return result;
+}
+export {
+  Numbers as default
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,9 @@
+import { default as Date } from './formating/Date';
+import { default as Month } from './formating/Month';
+import { default as Number } from './formating/Numbers';
+
+export declare const formating: {
+    Number: typeof Number;
+    Month: typeof Month;
+    Date: typeof Date;
+};

package/dist/utils/index.js

@@ -0,0 +1,11 @@
+import _Date from "./formating/Date.js";
+import Month from "./formating/Month.js";
+import Numbers from "./formating/Numbers.js";
+const formating = {
+  Number: Numbers,
+  Month,
+  Date: _Date
+};
+export {
+  formating
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.7.1",
+  "version": "1.8.1",
   "type": "module",
   "exports": {
     ".": {