mimir-ui-kit 0.0.10 → 0.0.12

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

@@ -0,0 +1,306 @@
+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>>>;

package/dist/components/InputPhoneNumber/index.js

@@ -0,0 +1,28 @@
+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";
+export {
+  h as InputPhoneNumber
+};

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

@@ -0,0 +1,2 @@
+export declare const getMaskedInputPhoneValue: (value: string) => string;
+export declare const getUnmaskedInputValue: (value: string) => string;

package/dist/components/InputPhoneNumber/utils.js

@@ -0,0 +1,9 @@
+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, "");
+export {
+  n as getMaskedInputPhoneValue,
+  r as getUnmaskedInputValue
+};

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

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { EInputSize, EInputVariant } from '../Input/constants';
+
+declare const meta: {
+    title: string;
+    component: ({ value, valueLength, needSeparator, onChange, ...props }: import('.').TProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        needSeparator: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+    args: {
+        variant: EInputVariant.DefaultWhite;
+        size: EInputSize.L;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutSeparator: Story;

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

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

package/dist/components/OtpInput/constants.js

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

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

@@ -0,0 +1,18 @@
+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;

package/dist/components/OtpInput/index.js

@@ -0,0 +1,87 @@
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import { useRef as R, useMemo as T, Fragment as b } from "react";
+import { c as w } from "../../index-DIxK0V-G.js";
+import { Input as F } from "../Input/index.js";
+import { RE_DIGIT as g, DEFAULT_VALUE_LENGTH as O } from "./constants.js";
+import '../../index.css';const k = "_otp_3vrel_1", L = "_input_3vrel_7", U = "_separator_3vrel_13", i = {
+  otp: k,
+  input: L,
+  separator: U
+}, $ = ({
+  value: n = "",
+  valueLength: p = O,
+  needSeparator: I = !0,
+  onChange: o,
+  ...v
+}) => {
+  const u = R([]), D = T(() => {
+    const r = n.split(""), t = [];
+    for (let e = 0; e < p; e++) {
+      const s = r[e];
+      g.test(s) ? t.push(s) : t.push("");
+    }
+    return t;
+  }, [n, p]), f = (r) => {
+    var t;
+    r < p - 1 && ((t = u.current[r + 1]) == null || t.focus());
+  }, m = (r) => {
+    var t;
+    r > 0 && ((t = u.current[r - 1]) == null || t.focus());
+  }, A = (r, t) => {
+    const e = r.target;
+    let s = e.value.trim();
+    const c = g.test(s);
+    if (!c && s !== "")
+      return;
+    const a = u.current[t + 1];
+    if (!c && a && a.value !== "")
+      return;
+    s = c ? s : " ";
+    const _ = s.length;
+    if (_ === 1) {
+      const E = n.substring(0, t) + s + n.substring(t + 1);
+      o == null || o(E), c && f(t);
+    } else _ === p && (o == null || o(s), e.blur());
+  }, V = (r, t) => {
+    const { key: e } = r, s = r.target;
+    switch (e) {
+      case "ArrowRight":
+      case "ArrowDown":
+        return r.preventDefault(), f(t);
+      case "ArrowLeft":
+      case "ArrowUp":
+        return r.preventDefault(), m(t);
+    }
+    const c = s.value;
+    if (s.setSelectionRange(0, c.length), r.key !== "Backspace" || c !== "")
+      return;
+    const a = `${n.substring(0, t - 1)} ${n.substring(t)}`;
+    o == null || o(a), m(t);
+  }, y = (r, t) => {
+    const e = r.target, s = u.current[t - 1];
+    s && s.value === "" && s.focus(), e.setSelectionRange(0, e.value.length);
+  };
+  return /* @__PURE__ */ l("div", { className: w(i.otp), children: D.map((r, t) => /* @__PURE__ */ N(b, { children: [
+    I && t === 3 && /* @__PURE__ */ l("span", { className: w(i.separator) }),
+    /* @__PURE__ */ l(
+      F,
+      {
+        ref: (e) => u.current[t] = e,
+        type: "text",
+        inputMode: "numeric",
+        autoComplete: "one-time-code",
+        pattern: "\\d{1}",
+        maxLength: 1,
+        className: i.input,
+        value: r,
+        onChange: (e) => A(e, t),
+        onKeyDown: (e) => V(e, t),
+        onFocus: (e) => y(e, t),
+        ...v
+      }
+    )
+  ] }, t)) });
+};
+export {
+  $ as OtpInput
+};

package/dist/components/icons/Eye.d.ts

@@ -0,0 +1 @@
+export declare const Eye: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/Eye.js

@@ -0,0 +1,24 @@
+import { jsxs as e, jsx as C } from "react/jsx-runtime";
+const d = () => /* @__PURE__ */ e("svg", { width: "25", height: "24", viewBox: "0 0 25 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ C(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12.5 14.5C13.8807 14.5 15 13.3807 15 12C15 10.6193 13.8807 9.5 12.5 9.5C11.1193 9.5 10 10.6193 10 12C10 13.3807 11.1193 14.5 12.5 14.5ZM12.5 16C14.7091 16 16.5 14.2091 16.5 12C16.5 9.79086 14.7091 8 12.5 8C10.2909 8 8.5 9.79086 8.5 12C8.5 14.2091 10.2909 16 12.5 16Z",
+      fill: "#666666"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2.5 12C2.5 12 6.97715 19 12.5 19C18.0228 19 22.5 12 22.5 12C22.5 12 18.0228 5 12.5 5C6.97715 5 2.5 12 2.5 12ZM4.33813 12C4.38111 12.057 4.42632 12.1163 4.47372 12.1778C4.94838 12.7934 5.63246 13.6102 6.47167 14.4217C8.20962 16.1024 10.3437 17.5 12.5 17.5C14.6563 17.5 16.7904 16.1024 18.5283 14.4217C19.3675 13.6102 20.0516 12.7934 20.5263 12.1778C20.5737 12.1163 20.6189 12.057 20.6619 12C20.6189 11.943 20.5737 11.8837 20.5263 11.8222C20.0516 11.2066 19.3675 10.3898 18.5283 9.57828C16.7904 7.89761 14.6563 6.5 12.5 6.5C10.3437 6.5 8.20962 7.89761 6.47167 9.57828C5.63246 10.3898 4.94838 11.2066 4.47372 11.8222C4.42632 11.8837 4.38111 11.943 4.33813 12Z",
+      fill: "#666666"
+    }
+  )
+] });
+export {
+  d as Eye
+};

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

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

package/dist/components/icons/index.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { Button } from './Button';
+export { EButtonSize, EButtonForm, EButtonVariantDefault, EButtonVariantRound } from './Button/constants';
+export { Input } from './Input';
+export { EInputSize, EInputVariant } from './Input/constants';
+export { InputPassword } from './InputPassword';
+export { InputPhoneNumber } from './InputPhoneNumber';
+export { OtpInput } from './OtpInput';

package/dist/components/index.js

@@ -0,0 +1,20 @@
+import { Button as r } from "./Button/index.js";
+import { EButtonForm as p, EButtonSize as u, EButtonVariantDefault as e, EButtonVariantRound as m } from "./Button/constants.js";
+import { Input as f } from "./Input/index.js";
+import { EInputSize as E, EInputVariant as I } from "./Input/constants.js";
+import { InputPassword as B } from "./InputPassword/index.js";
+import { InputPhoneNumber as d } from "./InputPhoneNumber/index.js";
+import { OtpInput as z } from "./OtpInput/index.js";
+export {
+  r as Button,
+  p as EButtonForm,
+  u as EButtonSize,
+  e as EButtonVariantDefault,
+  m as EButtonVariantRound,
+  E as EInputSize,
+  I as EInputVariant,
+  f as Input,
+  B as InputPassword,
+  d as InputPhoneNumber,
+  z as OtpInput
+};

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+import { useMediaQuery as o } from "./useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as a } from "./useMediaQuery/constants.js";
+export {
+  a as EMediaQuery,
+  o as useMediaQuery
+};

package/dist/hooks/useMediaQuery/constants.d.ts

@@ -0,0 +1,7 @@
+export declare enum EMediaQuery {
+    S = "(max-width: 767px)",
+    M = "(max-width: 960px)",
+    L = "(max-width: 1280px)",
+    XL = "(max-width: 1440px)",
+    XXL = "(max-width: 1920px)"
+}

package/dist/hooks/useMediaQuery/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((x) => (x.S = "(max-width: 767px)", x.M = "(max-width: 960px)", x.L = "(max-width: 1280px)", x.XL = "(max-width: 1440px)", x.XXL = "(max-width: 1920px)", x))(t || {});
+export {
+  t as EMediaQuery
+};

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

@@ -0,0 +1,2 @@
+export { useMediaQuery } from './useMediaQuery';
+export { EMediaQuery } from './constants';

package/dist/hooks/useMediaQuery/index.js

@@ -0,0 +1,6 @@
+import { useMediaQuery as o } from "./useMediaQuery.js";
+import { EMediaQuery as a } from "./constants.js";
+export {
+  a as EMediaQuery,
+  o as useMediaQuery
+};

package/dist/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1,14 @@
+import { EMediaQuery } from './constants';
+
+/**
+ * @name useMediaQuery
+ * @description - Hook that manages a media query
+ * @category Browser
+ *
+ * @param {string} query The media query string
+ * @returns {boolean} A boolean indicating if the media query matches
+ *
+ * @example
+ * const matches = useMediaQuery('(max-width: 768px)');
+ */
+export declare const useMediaQuery: (query: EMediaQuery | `${EMediaQuery}`) => boolean;

package/dist/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,16 @@
+import { useCallback as a, useSyncExternalStore as o } from "react";
+const r = () => !1, h = (e) => {
+  const s = a(
+    (t) => {
+      const n = window.matchMedia(e);
+      return n.addEventListener("change", t), () => {
+        n.removeEventListener("change", t);
+      };
+    },
+    [e]
+  );
+  return o(s, () => window.matchMedia(e).matches, r);
+};
+export {
+  h as useMediaQuery
+};