mimir-ui-kit 0.0.12 → 0.0.14

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

@@ -1,306 +1 @@
-export type ImperativeHandle = Partial<HTMLInputElement> & {
-    getPhoneNumber: () => string;
-};
-export declare const InputPhoneNumber: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
-    form?: string | undefined;
-    slot?: string | undefined;
-    style?: import('react').CSSProperties | undefined;
-    title?: string | undefined;
-    pattern?: string | undefined;
-    disabled?: boolean | undefined;
-    formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-    name?: string | undefined;
-    type?: import('react').HTMLInputTypeAttribute | undefined;
-    value?: string | readonly string[] | number | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import('react').AriaRole | 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;
-    color?: 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;
-    "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-checked"?: boolean | "false" | "mixed" | "true" | 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-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | 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-labelledby"?: 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;
-    children?: import('react').ReactNode | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-    onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-    onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-    onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-    onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-    onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
-    onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-    onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
-    onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
-    onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-    onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
-    onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
-    onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
-    onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-    onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
-    onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
-    onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
-    onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
-    onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-    onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-    onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-    onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-    list?: string | undefined;
-    accept?: string | undefined;
-    alt?: string | undefined;
-    autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
-    capture?: boolean | "user" | "environment" | undefined;
-    checked?: boolean | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-    height?: number | string | undefined;
-    max?: number | string | undefined;
-    maxLength?: number | undefined;
-    min?: number | string | undefined;
-    minLength?: number | undefined;
-    multiple?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    src?: string | undefined;
-    step?: number | string | undefined;
-    width?: number | string | undefined;
-} & {
-    className?: string;
-    label?: string;
-    variant?: `${import('..').EInputVariant}` | import('..').EInputVariant;
-    autofocus?: boolean;
-    readonly?: boolean;
-    size?: `${import('..').EInputSize}` | import('..').EInputSize;
-} & import('react').RefAttributes<HTMLInputElement>>>;
+export { InputPhoneNumber } from './InputPhoneNumber';

package/dist/components/InputPhoneNumber/index.js

@@ -1,28 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
-import { memo as d, forwardRef as i, useState as I, useCallback as c, useImperativeHandle as f } from "react";
-import { Input as P } from "../Input/index.js";
-import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as b } from "./utils.js";
-const h = d(
-  i(({ value: o = "", onChange: e, ...p }, r) => {
-    const [a, s] = I(() => m(o)), l = c(
-      (t) => {
-        const u = m(t.target.value);
-        s(u), e == null || e({
-          ...t,
-          target: {
-            ...t.target,
-            value: u
-          }
-        });
-      },
-      [e]
-    );
-    return f(r, () => ({
-      getPhoneNumber: () => b(a)
-    })), /* @__PURE__ */ n(P, { ref: r, ...p, value: a, onChange: l });
-  })
-);
-h.displayName = "InputPhoneNumber";
+import { InputPhoneNumber } from "./InputPhoneNumber.js";
 export {
-  h as InputPhoneNumber
+  InputPhoneNumber
 };

package/dist/components/InputPhoneNumber/utils.js

@@ -1,9 +1,26 @@
-const n = (s) => {
-  const t = s.replace(/\D/g, "");
-  let e = "+7 ";
-  return t.startsWith("7") ? e += "(" + t.substring(1, 4) : e += t.substring(0, 3), t.length > 4 && (e += ") " + t.substring(4, 7)), t.length > 7 && (e += "-" + t.substring(7, 9)), t.length > 9 && (e += "-" + t.substring(9, 11)), e;
-}, r = (s) => s.replace(/\D/g, "");
+const getMaskedInputPhoneValue = (value) => {
+  const rawValue = value.replace(/\D/g, "");
+  let formattedValue = "+7 ";
+  if (rawValue.startsWith("7")) {
+    formattedValue += "(" + rawValue.substring(1, 4);
+  } else {
+    formattedValue += rawValue.substring(0, 3);
+  }
+  if (rawValue.length > 4) {
+    formattedValue += ") " + rawValue.substring(4, 7);
+  }
+  if (rawValue.length > 7) {
+    formattedValue += "-" + rawValue.substring(7, 9);
+  }
+  if (rawValue.length > 9) {
+    formattedValue += "-" + rawValue.substring(9, 11);
+  }
+  return formattedValue;
+};
+const getUnmaskedInputValue = (value) => {
+  return value.replace(/\D/g, "");
+};
 export {
-  n as getMaskedInputPhoneValue,
-  r as getUnmaskedInputValue
+  getMaskedInputPhoneValue,
+  getUnmaskedInputValue
 };

package/dist/components/OtpInput/OtpInput.d.ts

@@ -0,0 +1,28 @@
+import { TInputProps } from '../Input';
+
+type TProps = Omit<TInputProps, 'onChange' | 'label'> & {
+    value?: string;
+    /**
+     * Количество полей ввода.
+     */
+    valueLength?: number;
+    /**
+     * Функция, для изменения значения поля ввода.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Флаг, показывающий нужно ли отображать разделитель между вводами.
+     */
+    needSeparator?: boolean;
+};
+/**
+ * Компонент ввода одноразового пароля (OTP).
+ *
+ * Компонент представляет собой набор вводов, каждый из которых может содержать только цифры.
+ * Пользователь может вводить цифры в каждый ввод, и при вводе каждой цифры происходит автоматическое переключение на следующий ввод.
+ */
+export declare const OtpInput: {
+    ({ value, valueLength, needSeparator, onChange, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/OtpInput/OtpInput.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useMemo, Fragment } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { Input } from "../Input/Input.js";
+import { RE_DIGIT, ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
+import '../../assets/OtpInput.css';const otp = "_otp_f763c_1";
+const input = "_input_f763c_7";
+const separator = "_separator_f763c_16";
+const cls = {
+  otp,
+  "input-wrapper": "_input-wrapper_f763c_7",
+  input,
+  separator
+};
+const OtpInput = ({
+  value = "",
+  valueLength = DEFAULT_VALUE_LENGTH,
+  needSeparator = true,
+  onChange,
+  ...props
+}) => {
+  const inputRefs = useRef([]);
+  const valueItems = useMemo(() => {
+    const valueArray = value.split("");
+    const items = [];
+    for (let i = 0; i < valueLength; i++) {
+      const char = valueArray[i];
+      if (RE_DIGIT.test(char)) {
+        items.push(char);
+      } else {
+        items.push("");
+      }
+    }
+    return items;
+  }, [value, valueLength]);
+  const handleFocusToNextInput = (index) => {
+    var _a;
+    if (index < valueLength - 1) {
+      (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+    }
+  };
+  const handleFocusToPrevInput = (index) => {
+    var _a;
+    if (index > 0) {
+      (_a = inputRefs.current[index - 1]) == null ? void 0 : _a.focus();
+    }
+  };
+  const handleChange = (e, index) => {
+    const target = e.target;
+    let targetValue = target.value.trim();
+    const isTargetValueDigit = RE_DIGIT.test(targetValue);
+    if (!isTargetValueDigit && targetValue !== "") {
+      return;
+    }
+    const nextInputEl = inputRefs.current[index + 1];
+    if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
+      return;
+    }
+    targetValue = isTargetValueDigit ? targetValue : " ";
+    const targetValueLength = targetValue.length;
+    if (targetValueLength === 1) {
+      const newValue = value.substring(0, index) + targetValue + value.substring(index + 1);
+      onChange == null ? void 0 : onChange(newValue);
+      if (isTargetValueDigit) {
+        handleFocusToNextInput(index);
+      }
+    } else if (targetValueLength === valueLength) {
+      onChange == null ? void 0 : onChange(targetValue);
+      target.blur();
+    }
+  };
+  const handleKeyDown = (e, index) => {
+    const { key } = e;
+    const target = e.target;
+    switch (key) {
+      case "ArrowRight":
+      case "ArrowDown": {
+        e.preventDefault();
+        return handleFocusToNextInput(index);
+      }
+      case "ArrowLeft":
+      case "ArrowUp": {
+        e.preventDefault();
+        return handleFocusToPrevInput(index);
+      }
+    }
+    const targetValue = target.value;
+    target.setSelectionRange(0, targetValue.length);
+    if (e.key !== "Backspace" || targetValue !== "") {
+      return;
+    }
+    const newValue = `${value.substring(0, index - 1)} ${value.substring(index)}`;
+    onChange == null ? void 0 : onChange(newValue);
+    handleFocusToPrevInput(index);
+  };
+  const handleFocus = (e, index) => {
+    const target = e.target;
+    const prevInputEl = inputRefs.current[index - 1];
+    if (prevInputEl && prevInputEl.value === "") {
+      prevInputEl.focus();
+    }
+    target.setSelectionRange(0, target.value.length);
+  };
+  return /* @__PURE__ */ jsx("div", { className: classNames(cls.otp), children: valueItems.map((digit, idx) => {
+    const nextIndex = idx + 1;
+    const showSeparator = needSeparator && nextIndex % ITEMS_PER_SEPARATOR === 0 && nextIndex !== valueItems.length;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref: (el) => inputRefs.current[idx] = el,
+          type: "text",
+          inputMode: "numeric",
+          autoComplete: "one-time-code",
+          pattern: "\\d{1}",
+          maxLength: 1,
+          value: digit,
+          className: cls.input,
+          wrapperClassName: cls["input-wrapper"],
+          onChange: (e) => handleChange(e, idx),
+          onKeyDown: (e) => handleKeyDown(e, idx),
+          onFocus: (e) => handleFocus(e, idx),
+          ...props
+        }
+      ),
+      showSeparator && /* @__PURE__ */ jsx("span", { className: classNames(cls.separator) })
+    ] }, `otp-input-${idx}-${digit}`);
+  }) });
+};
+OtpInput.displayName = "OtpInput";
+export {
+  OtpInput
+};

package/dist/components/OtpInput/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const RE_DIGIT: RegExp;
 export declare const DEFAULT_VALUE_LENGTH = 6;
+export declare const ITEMS_PER_SEPARATOR = 3;

package/dist/components/OtpInput/constants.js

@@ -1,5 +1,8 @@
-const E = new RegExp(/^\d+$/), e = 6;
+const RE_DIGIT = new RegExp(/^\d+$/);
+const DEFAULT_VALUE_LENGTH = 6;
+const ITEMS_PER_SEPARATOR = 3;
 export {
-  e as DEFAULT_VALUE_LENGTH,
-  E as RE_DIGIT
+  DEFAULT_VALUE_LENGTH,
+  ITEMS_PER_SEPARATOR,
+  RE_DIGIT
 };

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

@@ -1,18 +1 @@
-import { TProps as TInputProps } from '../Input';
-
-export type TProps = Omit<TInputProps, 'onChange'> & {
-    value?: string;
-    valueLength?: number;
-    onChange?: (value: string) => void;
-    /**
-     * Флаг, показывающий нужно ли отображать разделитель между вводами
-     */
-    needSeparator?: boolean;
-};
-/**
- * Компонент ввода одноразового пароля (OTP).
- *
- * Компонент представляет собой набор вводов, каждый из которых может содержать только цифры.
- * Пользователь может вводить цифры в каждый ввод, и при вводе каждой цифры происходит автоматическое переключение на следующий ввод.
- */
-export declare const OtpInput: ({ value, valueLength, needSeparator, onChange, ...props }: TProps) => import("react/jsx-runtime").JSX.Element;
+export { OtpInput } from './OtpInput';