mimir-ui-kit 0.0.7 → 0.0.9

package/dist/components/Input/index.js

@@ -1,70 +1,84 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { memo as N, forwardRef as A, useState as x, useEffect as B } from "react";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { memo as g, forwardRef as y, useState as N, useEffect as A } from "react";
 import { c as _ } from "../../index-DIxK0V-G.js";
-import '../../assets/index.css';const b = "_inputWrapper_w9lgy_1", W = "_label_w9lgy_11", F = "_inputBody_w9lgy_20", I = "_xs_w9lgy_32", j = "_s_w9lgy_40", v = "_m_w9lgy_48", z = "_l_w9lgy_11", E = "_addonLeft_w9lgy_64", O = "_addonRight_w9lgy_65", P = "_withAddonLeft_w9lgy_69", S = "_withAddonRight_w9lgy_73", k = "_input_w9lgy_1", t = {
-  inputWrapper: b,
-  label: W,
-  inputBody: F,
-  xs: I,
-  s: j,
-  m: v,
+import '../../index.css';const x = "_inputWrapper_1cv22_1", B = "_withOutLabel_1cv22_11", O = "_label_1cv22_15", W = "_inputBody_1cv22_24", F = "_xs_1cv22_36", I = "_s_1cv22_44", j = "_m_1cv22_52", z = "_l_1cv22_15", E = "_addonLeft_1cv22_68", P = "_addonRight_1cv22_69", S = "_withAddonLeft_1cv22_73", k = "_withAddonRight_1cv22_77", q = "_input_1cv22_1", t = {
+  inputWrapper: x,
+  withOutLabel: B,
+  label: O,
+  inputBody: W,
+  xs: F,
+  s: I,
+  m: j,
   l: z,
   addonLeft: E,
-  addonRight: O,
-  withAddonLeft: P,
-  withAddonRight: S,
-  input: k
-}, q = N(
-  A((p, r) => {
+  addonRight: P,
+  withAddonLeft: S,
+  withAddonRight: k,
+  input: q
+}, C = g(
+  y((p, r) => {
     const {
       className: u,
       status: h = "default",
       type: m = "text",
       placeholder: f,
       autofocus: o,
-      readonly: a,
+      readonly: c,
       addonLeft: s,
       addonRight: e,
-      label: l,
+      label: a,
       size: i = "m",
-      ...g
-    } = p, [w, d] = x(o);
-    B(() => {
+      ...v
+    } = p, [w, d] = N(o);
+    A(() => {
       o && d(!0);
     }, [o]);
-    const y = () => {
+    const L = () => {
       d(!1);
-    }, R = () => {
+    }, b = () => {
       d(!0);
-    }, L = {
-      [t.readonly]: a,
+    }, R = {
+      [t.readonly]: c,
       [t.focused]: w,
       [t.withAddonLeft]: !!s,
       [t.withAddonRight]: !!e
     };
-    return /* @__PURE__ */ c("label", { className: _(t.inputWrapper, u, [t[i]]), children: [
-      l && /* @__PURE__ */ n("span", { className: t.label, children: l }),
-      /* @__PURE__ */ c("div", { className: _(t.inputBody, L, [t[h], t[i]]), children: [
-        s && /* @__PURE__ */ n("span", { className: t.addonLeft, children: s }),
-        /* @__PURE__ */ n(
-          "input",
+    return /* @__PURE__ */ l(
+      "label",
+      {
+        className: _(
+          t.inputWrapper,
+          u,
           {
-            ...g,
-            ref: r,
-            type: m,
-            className: t.input,
-            onFocus: R,
-            onBlur: y,
-            readOnly: a,
-            placeholder: f
-          }
+            [t.withOutLabel]: !a
+          },
+          [t[i]]
         ),
-        e && /* @__PURE__ */ n("span", { className: t.addonRight, children: e })
-      ] })
-    ] });
+        children: [
+          a && /* @__PURE__ */ n("span", { className: t.label, children: a }),
+          /* @__PURE__ */ l("div", { className: _(t.inputBody, R, [t[h], t[i]]), children: [
+            s && /* @__PURE__ */ n("span", { className: t.addonLeft, children: s }),
+            /* @__PURE__ */ n(
+              "input",
+              {
+                ...v,
+                ref: r,
+                type: m,
+                className: t.input,
+                onFocus: b,
+                onBlur: L,
+                readOnly: c,
+                placeholder: f
+              }
+            ),
+            e && /* @__PURE__ */ n("span", { className: t.addonRight, children: e })
+          ] })
+        ]
+      }
+    );
   })
 );
-q.displayName = "Input";
+C.displayName = "Input";
 export {
-  q as Input
+  C as Input
 };

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

@@ -1,325 +1,7 @@
-import { StoryObj } from '@storybook/react';
-import { EInputSize, EInputStatus } from '../Input/constants';
+import { Meta, StoryObj } from '@storybook/react';
+import { TProps as TInputPhoneNumberProps } from '.';
 
-declare const meta: {
-    title: string;
-    component: 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;
-        status?: EInputStatus | `${EInputStatus}`;
-        caption?: string;
-        autofocus?: boolean;
-        readonly?: boolean;
-        addonLeft?: import('react').ReactNode;
-        addonRight?: import('react').ReactNode;
-        size?: EInputSize | `${EInputSize}`;
-    } & import('react').RefAttributes<HTMLInputElement>>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {};
-    args: {
-        onClick: import('@vitest/spy').Mock<[event: import('react').MouseEvent<HTMLInputElement, MouseEvent>], void>;
-        size: EInputSize.L;
-        status: EInputStatus.Alert;
-    };
-};
+declare const meta: Meta<TInputPhoneNumberProps>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;

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

@@ -1,3 +1,6 @@
+import { TProps as TInputProps } from '../Input';
+
+export type TProps = TInputProps;
 export type ImperativeHandle = Partial<HTMLInputElement> & {
     getPhoneNumber: () => string;
 };
@@ -299,11 +302,10 @@ export declare const InputPhoneNumber: import('react').MemoExoticComponent<impor
 } & {
     className?: string;
     label?: string;
-    status?: import('../Input/constants').EInputStatus | `${import('../Input/constants').EInputStatus}`;
-    caption?: string;
+    status?: `${import('..').EInputStatus}` | import('..').EInputStatus;
     autofocus?: boolean;
     readonly?: boolean;
     addonLeft?: import('react').ReactNode;
     addonRight?: import('react').ReactNode;
-    size?: import('../Input/constants').EInputSize | `${import('../Input/constants').EInputSize}`;
+    size?: `${import('..').EInputSize}` | import('..').EInputSize;
 } & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPhoneNumber/index.js

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

package/dist/components/index.d.ts

@@ -1,3 +1,5 @@
 export { Button } from './Button';
+export { EButtonSize, EButtonVariant } from './Button/constants';
 export { Input } from './Input';
+export { EInputSize, EInputStatus } from './Input/constants';
 export { InputPhoneNumber } from './InputPhoneNumber';

package/dist/components/index.js

@@ -1,8 +1,14 @@
-import { Button as t } from "./Button/index.js";
-import { Input as p } from "./Input/index.js";
-import { InputPhoneNumber as n } from "./InputPhoneNumber/index.js";
+import { Button as r } from "./Button/index.js";
+import { EButtonSize as n, EButtonVariant as p } from "./Button/constants.js";
+import { Input as m } from "./Input/index.js";
+import { EInputSize as x, EInputStatus as E } from "./Input/constants.js";
+import { InputPhoneNumber as a } from "./InputPhoneNumber/index.js";
 export {
-  t as Button,
-  p as Input,
-  n as InputPhoneNumber
+  r as Button,
+  n as EButtonSize,
+  p as EButtonVariant,
+  x as EInputSize,
+  E as EInputStatus,
+  m as Input,
+  a as InputPhoneNumber
 };

package/dist/index.css

@@ -0,0 +1 @@
+._inputWrapper_1cv22_1{display:inline-flex;flex-direction:column;width:100%;height:var(--input-height);padding:var(--input-space);background-color:var(--black-5);border-radius:6px}._withOutLabel_1cv22_11{justify-content:center}._label_1cv22_15{margin-bottom:2px;color:var(--black-60);font-size:var(--size-text-s)}._label_1cv22_15:first-letter{text-transform:uppercase}._inputBody_1cv22_24{--caption-margin-left: calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color: var(--color-control-typo-ghost);--counter-button-background: transparent;--counter-offset: 0;--clear-button-color: var(--color-control-typo-clear);display:flex;align-items:center;border-radius:var(--control-input-radius);outline:var(--control-border-width) solid var(--container-border-color)}._xs_1cv22_36{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-xs);--input-font-size: var(--control-text-size-xs);--input-space: calc(var(--control-space-xs) * .5)}._s_1cv22_44{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-s);--input-font-size: var(--control-text-size-s);--input-space: calc(var(--control-space-s) * .5)}._m_1cv22_52{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-space: calc(var(--control-space-m) * .5)}._l_1cv22_15{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-space: calc(var(--control-space-l) * .5)}._addonLeft_1cv22_68,._addonRight_1cv22_69{display:flex}._withAddonLeft_1cv22_73{padding-left:8px}._withAddonRight_1cv22_77{padding-right:8px}._input_1cv22_1{width:100%;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;border:none;outline:none;font-feature-settings:"zero"}

package/dist/index.js

@@ -1,10 +1,16 @@
-import { Button as t } from "./components/Button/index.js";
-import { Input as p } from "./components/Input/index.js";
-import { InputPhoneNumber as f } from "./components/InputPhoneNumber/index.js";
-import { getLog as u } from "./utils/getLog.js";
+import { Button as r } from "./components/Button/index.js";
+import { EButtonSize as p, EButtonVariant as n } from "./components/Button/constants.js";
+import { Input as m } from "./components/Input/index.js";
+import { EInputSize as x, EInputStatus as E } from "./components/Input/constants.js";
+import { InputPhoneNumber as a } from "./components/InputPhoneNumber/index.js";
+import { getLog as B } from "./utils/getLog.js";
 export {
-  t as Button,
-  p as Input,
-  f as InputPhoneNumber,
-  u as getLog
+  r as Button,
+  p as EButtonSize,
+  n as EButtonVariant,
+  x as EInputSize,
+  E as EInputStatus,
+  m as Input,
+  a as InputPhoneNumber,
+  B as getLog
 };