mimir-ui-kit 1.0.1 → 1.0.2

package/dist/assets/Button.css

@@ -0,0 +1 @@
+._button_p07k5_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:600;font-size:14px;font-family:var(--font-inter);line-height:16px;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._xs_p07k5_30{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._s_p07k5_38{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._m_p07k5_46{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-m)}._l_p07k5_54{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_p07k5_62{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_p07k5_71{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._default-button_p07k5_79._primary-sapphire_p07k5_79{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_p07k5_79._primary-citrine_p07k5_88{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_p07k5_79._secondary-asphalt_p07k5_97{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_p07k5_79._secondary-gray_p07k5_106{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_p07k5_79._secondary-white_p07k5_115{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_p07k5_79._secondary-red_p07k5_124{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_p07k5_134{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_p07k5_134._black_p07k5_141{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_p07k5_134._gray_p07k5_150{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_p07k5_134._white_p07k5_159{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._button_p07k5_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_p07k5_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_p07k5_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._full_p07k5_183{display:block;width:100%}._disabled_p07k5_188{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_p07k5_188:hover,._disabled_p07k5_188:active,._disabled_p07k5_188:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._right-icon_p07k5_199,._left-icon_p07k5_200{align-self:center}._right-icon_p07k5_199{margin-left:var(--button-margin-icon)}._left-icon_p07k5_200{margin-right:var(--button-margin-icon)}

package/dist/assets/Input.css

@@ -0,0 +1 @@
+._input-wrapper_isq93_2{position:relative}._input-wrapper_isq93_2 ._label_isq93_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_isq93_2 ._label_isq93_5._active-label_isq93_18{transform:scale(var(--label-scaled)) translateY(calc((var(--input-height) / 2 - var(--label-font-size) / 2) * -1))}._input-wrapper_isq93_2:hover ._label_isq93_5,._input-wrapper_isq93_2:focus-within ._label_isq93_5{color:var(--label-color)}._input_isq93_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;padding-inline:var(--input-padding) var(--input-padding);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);font-feature-settings:"zero";transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_isq93_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_isq93_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_isq93_60{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-s);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .8;--label-spacing: var(--space-1xs)}._m_isq93_71{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-xs)}._l_isq93_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_isq93_93{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_isq93_105{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_isq93_105:hover{--label-color: var(--dark-text)}._success_isq93_120{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_isq93_120::-moz-placeholder{color:var(--input-color)}._success_isq93_120::placeholder{color:var(--input-color)}._success_isq93_120:hover::-moz-placeholder{color:var(--input-color)}._success_isq93_120:hover::placeholder{color:var(--input-color)}._alarm_isq93_138{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_isq93_138::-moz-placeholder{color:var(--input-color)}._alarm_isq93_138::placeholder{color:var(--input-color)}._alarm_isq93_138:hover::-moz-placeholder{color:var(--input-color)}._alarm_isq93_138:hover::placeholder{color:var(--input-color)}._error_isq93_156{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_isq93_156::-moz-placeholder{color:var(--input-color)}._error_isq93_156::placeholder{color:var(--input-color)}._error_isq93_156:hover::-moz-placeholder{color:var(--input-color)}._error_isq93_156:hover::placeholder{color:var(--input-color)}._disabled_isq93_174{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_isq93_174:hover,._disabled_isq93_174:active,._disabled_isq93_174:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_isq93_174::-moz-placeholder{color:var(--light-text)}._disabled_isq93_174::placeholder{color:var(--light-text)}._disabled_isq93_174:hover::-moz-placeholder{color:var(--light-text)}._disabled_isq93_174:hover::placeholder{color:var(--light-text)}._has-label_isq93_192{padding-top:var(--input-padding-position)}

package/dist/assets/InputPassword.css

@@ -0,0 +1 @@
+._input_68wyu_2{padding-right:var(--space-3xl)}._wrapper_68wyu_6{position:relative;display:flex;align-items:center;border-radius:8px}._input-wrapper_68wyu_13{flex:1}._button-wrapper_68wyu_17{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_68wyu_17{flex:1;align-self:center;background-color:transparent;border-radius:8px}

package/dist/assets/OtpInput.css

@@ -0,0 +1 @@
+._otp_1f72t_3{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 767px){._otp_1f72t_3{-moz-column-gap:4.65px;column-gap:4.65px}}._input-wrapper_1f72t_15{flex:0 0 64px;padding:0}@media (max-width: 767px){._input-wrapper_1f72t_15{flex:0 0 48px}}._input_1f72t_15{text-align:center}._separator_1f72t_29{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}

package/dist/assets/index.css

@@ -0,0 +1 @@
+@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgb(255 255 255 / 40%);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-m: 1.3em;--line-height-text-l: 1.4em;--line-height-text-xl: 1.5em;--control-radius: 6px;--control-radius-l: 24px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 20px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal)}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,84 @@
+import { ComponentProps, ReactNode } from 'react';
+import { TButtonDefaultFormProps, TButtonRoundFormProps } from './types';
+
+export type TProps = (TButtonDefaultFormProps | TButtonRoundFormProps) & ComponentProps<'button'> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Иконка справа.
+     */
+    rightIcon?: ReactNode;
+    /**
+     * Иконка слева.
+     */
+    leftIcon?: ReactNode;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+};
+/**
+ * Компонент кнопки, который можно настраивать с различными темами и размерами.
+
+ */
+export declare const Button: import('react').ForwardRefExoticComponent<(Omit<TButtonDefaultFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Иконка справа.
+     */
+    rightIcon?: ReactNode;
+    /**
+     * Иконка слева.
+     */
+    leftIcon?: ReactNode;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<TButtonRoundFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Иконка справа.
+     */
+    rightIcon?: ReactNode;
+    /**
+     * Иконка слева.
+     */
+    leftIcon?: ReactNode;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref">) & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -0,0 +1,86 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { EButtonVariantDefault, EButtonForm } from "./constants.js";
+import '../../assets/Button.css';const button = "_button_p07k5_2";
+const xs = "_xs_p07k5_30";
+const s = "_s_p07k5_38";
+const m = "_m_p07k5_46";
+const l = "_l_p07k5_54";
+const xl = "_xl_p07k5_62";
+const xxl = "_xxl_p07k5_71";
+const black = "_black_p07k5_141";
+const gray = "_gray_p07k5_150";
+const white = "_white_p07k5_159";
+const full = "_full_p07k5_183";
+const disabled = "_disabled_p07k5_188";
+const cls = {
+  button,
+  xs,
+  s,
+  m,
+  l,
+  xl,
+  xxl,
+  "default-button": "_default-button_p07k5_79",
+  "primary-sapphire": "_primary-sapphire_p07k5_79",
+  "primary-citrine": "_primary-citrine_p07k5_88",
+  "secondary-asphalt": "_secondary-asphalt_p07k5_97",
+  "secondary-gray": "_secondary-gray_p07k5_106",
+  "secondary-white": "_secondary-white_p07k5_115",
+  "secondary-red": "_secondary-red_p07k5_124",
+  "round-button": "_round-button_p07k5_134",
+  black,
+  gray,
+  white,
+  full,
+  disabled,
+  "right-icon": "_right-icon_p07k5_199",
+  "left-icon": "_left-icon_p07k5_200"
+};
+const Button = forwardRef(
+  (props, ref) => {
+    const {
+      size = "m",
+      variant = EButtonVariantDefault.PrimarySapphire,
+      form = EButtonForm.DefaultButton,
+      full: full2,
+      children,
+      className,
+      formId,
+      rightIcon,
+      leftIcon,
+      disabled: disabled2,
+      ...otherProps
+    } = props;
+    const mods = {
+      [cls.full]: full2,
+      [cls.disabled]: disabled2,
+      [cls[variant ?? ""]]: !disabled2
+    };
+    const buttonClassNames = classNames(cls.button, mods, [
+      cls[form ?? ""],
+      cls[size],
+      className
+    ]);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        form: formId,
+        ...otherProps,
+        disabled: disabled2,
+        ref,
+        className: buttonClassNames,
+        children: [
+          leftIcon && /* @__PURE__ */ jsx("span", { className: cls["left-icon"], children: leftIcon }),
+          children,
+          rightIcon && /* @__PURE__ */ jsx("span", { className: cls["right-icon"], children: rightIcon })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button
+};

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

@@ -0,0 +1,25 @@
+export declare enum EButtonVariantDefault {
+    PrimarySapphire = "primary-sapphire",
+    PrimaryCitrine = "primary-citrine",
+    SecondaryAsphalt = "secondary-asphalt",
+    SecondaryGray = "secondary-gray",
+    SecondaryWhite = "secondary-white",
+    SecondaryRed = "secondary-red"
+}
+export declare enum EButtonVariantRound {
+    Black = "black",
+    Gray = "gray",
+    White = "white"
+}
+export declare enum EButtonSize {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl",
+    XXL = "xxl"
+}
+export declare enum EButtonForm {
+    DefaultButton = "default-button",
+    RoundButton = "round-button"
+}

package/dist/components/Button/constants.js

@@ -0,0 +1,35 @@
+var EButtonVariantDefault = /* @__PURE__ */ ((EButtonVariantDefault2) => {
+  EButtonVariantDefault2["PrimarySapphire"] = "primary-sapphire";
+  EButtonVariantDefault2["PrimaryCitrine"] = "primary-citrine";
+  EButtonVariantDefault2["SecondaryAsphalt"] = "secondary-asphalt";
+  EButtonVariantDefault2["SecondaryGray"] = "secondary-gray";
+  EButtonVariantDefault2["SecondaryWhite"] = "secondary-white";
+  EButtonVariantDefault2["SecondaryRed"] = "secondary-red";
+  return EButtonVariantDefault2;
+})(EButtonVariantDefault || {});
+var EButtonVariantRound = /* @__PURE__ */ ((EButtonVariantRound2) => {
+  EButtonVariantRound2["Black"] = "black";
+  EButtonVariantRound2["Gray"] = "gray";
+  EButtonVariantRound2["White"] = "white";
+  return EButtonVariantRound2;
+})(EButtonVariantRound || {});
+var EButtonSize = /* @__PURE__ */ ((EButtonSize2) => {
+  EButtonSize2["XS"] = "xs";
+  EButtonSize2["S"] = "s";
+  EButtonSize2["M"] = "m";
+  EButtonSize2["L"] = "l";
+  EButtonSize2["XL"] = "xl";
+  EButtonSize2["XXL"] = "xxl";
+  return EButtonSize2;
+})(EButtonSize || {});
+var EButtonForm = /* @__PURE__ */ ((EButtonForm2) => {
+  EButtonForm2["DefaultButton"] = "default-button";
+  EButtonForm2["RoundButton"] = "round-button";
+  return EButtonForm2;
+})(EButtonForm || {});
+export {
+  EButtonForm,
+  EButtonSize,
+  EButtonVariantDefault,
+  EButtonVariantRound
+};

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

@@ -0,0 +1,2 @@
+export { Button, type TProps as TButtonProps } from './Button';
+export { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from './constants';

package/dist/components/Button/index.js

@@ -0,0 +1,9 @@
+import { Button } from "./Button.js";
+import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./constants.js";
+export {
+  Button,
+  EButtonForm,
+  EButtonSize,
+  EButtonVariantDefault,
+  EButtonVariantRound
+};

package/dist/components/Button/types.d.ts

@@ -0,0 +1,14 @@
+import { EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonForm } from './constants';
+
+type TButtonRoundFormSize = Exclude<EButtonSize, 'xxl'> & Exclude<EButtonSize, 'xl'>;
+export type TButtonDefaultFormProps = {
+    form?: EButtonForm.DefaultButton;
+    variant?: EButtonVariantDefault | `${EButtonVariantDefault}`;
+    size?: EButtonSize | `${EButtonSize}`;
+};
+export type TButtonRoundFormProps = {
+    form?: EButtonForm.RoundButton;
+    variant?: EButtonVariantRound | `${EButtonVariantRound}`;
+    size?: TButtonRoundFormSize | `${TButtonRoundFormSize}`;
+};
+export {};

package/dist/components/Button/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { TInputProps, TSize, TVariant } from './types';
+
+export type TProps = TInputProps & {
+    /**
+     * Размер ввода.
+     */
+    size?: TSize;
+    /**
+     * `Варинты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
+     */
+    variant?: TVariant;
+    /**
+     * Дополнительный класс.
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для обертки поля ввода.
+     */
+    wrapperClassName?: string;
+    /**
+     * Текстовое описание поля ввода.
+     */
+    label?: ReactNode;
+    /**
+     *  Автоматически фокусировать ввод при монтировании.
+     */
+    autofocus?: boolean;
+    /**
+     * Сделать ввод только для чтения.
+     */
+    readonly?: boolean;
+};
+export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & {
+    /**
+     * Размер ввода.
+     */
+    size?: TSize;
+    /**
+     * `Варинты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
+     */
+    variant?: TVariant;
+    /**
+     * Дополнительный класс.
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для обертки поля ввода.
+     */
+    wrapperClassName?: string;
+    /**
+     * Текстовое описание поля ввода.
+     */
+    label?: ReactNode;
+    /**
+     *  Автоматически фокусировать ввод при монтировании.
+     */
+    autofocus?: boolean;
+    /**
+     * Сделать ввод только для чтения.
+     */
+    readonly?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/Input/Input.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, forwardRef, useState, useEffect } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { EInputVariant } from "./constants.js";
+import '../../assets/Input.css';const label = "_label_isq93_5";
+const input = "_input_isq93_2";
+const s = "_s_isq93_60";
+const m = "_m_isq93_71";
+const l = "_l_isq93_5";
+const success = "_success_isq93_120";
+const alarm = "_alarm_isq93_138";
+const error = "_error_isq93_156";
+const disabled = "_disabled_isq93_174";
+const cls = {
+  "input-wrapper": "_input-wrapper_isq93_2",
+  label,
+  "active-label": "_active-label_isq93_18",
+  input,
+  s,
+  m,
+  l,
+  "default-gray": "_default-gray_isq93_93",
+  "default-white": "_default-white_isq93_105",
+  success,
+  alarm,
+  error,
+  disabled,
+  "has-label": "_has-label_isq93_192"
+};
+const Input = memo(
+  forwardRef(
+    (props, ref) => {
+      const {
+        value,
+        className,
+        wrapperClassName,
+        variant = EInputVariant.DefaultGray,
+        type = "text",
+        autofocus,
+        readonly,
+        id,
+        onFocus,
+        onBlur,
+        label: label2,
+        disabled: disabled2,
+        size = "m",
+        ...otherProps
+      } = props;
+      const [isFocused, setIsFocused] = useState(autofocus);
+      useEffect(() => {
+        if (autofocus) {
+          setIsFocused(true);
+        }
+      }, [autofocus]);
+      const handleBlur = (event) => {
+        const currentValue = event.currentTarget.value;
+        onBlur == null ? void 0 : onBlur(event);
+        if (currentValue) {
+          return;
+        }
+        setIsFocused(false);
+      };
+      const handleFocus = (event) => {
+        if (readonly) {
+          return;
+        }
+        setIsFocused(true);
+        onFocus == null ? void 0 : onFocus(event);
+      };
+      const mods = {
+        [cls.readonly]: disabled2 || readonly,
+        [cls.focused]: isFocused,
+        [cls.disabled]: disabled2 || readonly,
+        [cls["has-label"]]: !!label2
+      };
+      const labelClassNames = classNames(
+        cls.label,
+        {
+          [cls["active-label"]]: isFocused || value
+        },
+        className,
+        cls[size]
+      );
+      const inputClassNames = classNames(cls.input, mods, className, [
+        cls[variant],
+        cls[size]
+      ]);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classNames(
+            cls["input-wrapper"],
+            cls[variant],
+            wrapperClassName
+          ),
+          children: [
+            label2 && /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelClassNames, children: label2 }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref,
+                type,
+                id,
+                className: inputClassNames,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                readOnly: readonly,
+                value,
+                ...otherProps
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+Input.displayName = "Input";
+export {
+  Input
+};

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

@@ -0,0 +1,12 @@
+export declare enum EInputVariant {
+    Alarm = "alarm",
+    Success = "success",
+    Error = "error",
+    DefaultGray = "default-gray",
+    DefaultWhite = "default-white"
+}
+export declare enum EInputSize {
+    S = "s",
+    M = "m",
+    L = "l"
+}

package/dist/components/Input/constants.js

@@ -0,0 +1,18 @@
+var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
+  EInputVariant2["Alarm"] = "alarm";
+  EInputVariant2["Success"] = "success";
+  EInputVariant2["Error"] = "error";
+  EInputVariant2["DefaultGray"] = "default-gray";
+  EInputVariant2["DefaultWhite"] = "default-white";
+  return EInputVariant2;
+})(EInputVariant || {});
+var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
+  EInputSize2["S"] = "s";
+  EInputSize2["M"] = "m";
+  EInputSize2["L"] = "l";
+  return EInputSize2;
+})(EInputSize || {});
+export {
+  EInputSize,
+  EInputVariant
+};

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

@@ -0,0 +1,3 @@
+export { Input, type TProps as TInputProps } from './Input';
+export type { TSize, TVariant } from './types';
+export { EInputSize, EInputVariant } from './constants';

package/dist/components/Input/index.js

@@ -0,0 +1,7 @@
+import { Input } from "./Input.js";
+import { EInputSize, EInputVariant } from "./constants.js";
+export {
+  EInputSize,
+  EInputVariant,
+  Input
+};

package/dist/components/Input/types.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+import { EInputSize, EInputVariant } from './constants';
+
+export type TSize = `${EInputSize}` | EInputSize;
+export type TVariant = `${EInputVariant}` | EInputVariant;
+export type TCommonCompoundInputProps = {
+    size?: TSize;
+    variant?: TVariant;
+    className?: string;
+};
+export type TInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'size' | 'placeholder'>;

package/dist/components/Input/types.js

@@ -0,0 +1 @@
+

package/dist/components/InputPassword/InputPassword.d.ts

@@ -0,0 +1,12 @@
+import { TInputProps } from '../Input';
+
+export type TProps = TInputProps;
+export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & {
+    size?: import('../Input').TSize;
+    variant?: import('../Input').TVariant;
+    className?: string;
+    wrapperClassName?: string;
+    label?: import('react').ReactNode;
+    autofocus?: boolean;
+    readonly?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPassword/InputPassword.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, forwardRef, useState } from "react";
+import { Input } from "../Input/Input.js";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/InputPassword.css';const input = "_input_68wyu_2";
+const wrapper = "_wrapper_68wyu_6";
+const button = "_button_68wyu_17";
+const cls = {
+  input,
+  wrapper,
+  "input-wrapper": "_input-wrapper_68wyu_13",
+  "button-wrapper": "_button-wrapper_68wyu_17",
+  button
+};
+const InputPassword = memo(
+  forwardRef(
+    ({ size, ...props }, ref) => {
+      const [showPassword, setShowPassword] = useState(false);
+      const handleClick = () => setShowPassword(!showPassword);
+      return /* @__PURE__ */ jsxs("div", { className: cls.wrapper, children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref,
+            className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
+            size,
+            type: showPassword ? "text" : "password",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { type: "button", className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Icon, { color: "var(--black-60)", iconName: "Eye24px" }) }) })
+      ] });
+    }
+  )
+);
+InputPassword.displayName = "InputPassword";
+export {
+  InputPassword
+};