torgbox-ui 1.0.11 → 1.0.12

package/dist/esm/Inputs/OtpInput/OtpInput.js

@@ -1,78 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import _ from 'lodash/fp';
-import { useRef, useState, useEffect } from 'react';
-export const OtpInput = (props) => {
-    const { length = 6, onComplete = _.noop, errorMessage = '', setErrorMessage = _.noop, responseReceived = false, loading = false, } = props;
-    const inputRef = useRef(Array(length).fill(null));
-    const [Otp, setOtp] = useState(Array(length).fill(''));
-    const currentTarget = inputRef.current;
-    const handleComplete = (value, index) => {
-        onComplete(value.join(''));
-        currentTarget[index].blur();
-    };
-    const handleTextChange = (index) => (e) => {
-        setErrorMessage('');
-        const newPin = [...Otp];
-        const input = e.target.value.replace(/\D/g, '');
-        newPin[index] = input;
-        setOtp(newPin);
-        if (input.length === 1 && index < length - 1) {
-            currentTarget[index + 1]?.focus();
-        }
-        if (input.length === 0 && index > 0) {
-            currentTarget[index - 1]?.focus();
-        }
-        if (newPin.every((digit) => digit !== '')) {
-            onComplete(newPin.join(''));
-            currentTarget[index].blur();
-        }
-    };
-    const handlePaste = (index) => (e) => {
-        setErrorMessage('');
-        const value = e.clipboardData?.getData('text');
-        const updatedValue = value
-            .toString()
-            .replace(/\D/g, '')
-            .split('')
-            .slice(0, length);
-        setOtp(updatedValue);
-        if (updatedValue.length === length) {
-            handleComplete(updatedValue, index);
-        }
-    };
-    const goToFirstEmptyInput = () => {
-        const firstEmptyInput = currentTarget.findIndex((el) => el.value === '');
-        firstEmptyInput >= 0
-            ?
-                currentTarget[firstEmptyInput].focus()
-            :
-                currentTarget[length - 1].focus();
-        setErrorMessage('');
-    };
-    const handleBackspace = (index) => (e) => {
-        if (e.key === 'Backspace' &&
-            index !== 0 &&
-            currentTarget[index].value.length === 0) {
-            currentTarget[index - 1]?.focus();
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (Number.parseInt(e.key) >= 0) {
-            goToFirstEmptyInput();
-        }
-    };
-    const inputMods = [
-        'otp__input',
-        { 'otp__input--error': errorMessage },
-    ];
-    useEffect(() => {
-        !loading && currentTarget[0].focus();
-    }, [responseReceived, loading, currentTarget]);
-    useEffect(() => {
-        if (responseReceived) {
-            setOtp(Array(length).fill(''));
-        }
-    }, [responseReceived, length]);
-    return (_jsxs("div", { className: 'otp', children: [Array.from({ length }, (_, index) => (_jsx("input", { value: Otp[index], onChange: handleTextChange(index), onPaste: handlePaste(index), onKeyUp: handleBackspace(index), onKeyDown: handleKeyDown, onClick: goToFirstEmptyInput, ref: (ref) => (currentTarget[index] = ref), type: 'text', maxLength: 1, className: cn(inputMods), tabIndex: index + 1 }, index))), errorMessage && (_jsx("span", { className: 'otp__error', children: errorMessage }))] }));
-};
+import{jsxs as A,jsx as m}from"react/jsx-runtime";import E from"../../_virtual/index.js";import h from"../../_virtual/fp.js";import{useRef as N,useState as w,useEffect as y}from"react";const R=v=>{const{length:s=6,onComplete:u=h.noop,errorMessage:a="",setErrorMessage:l=h.noop,responseReceived:c=!1,loading:f=!1}=v,_=N(Array(s).fill(null)),[i,p]=w(Array(s).fill("")),o=_.current,D=(t,e)=>{u(t.join("")),o[e].blur()},I=t=>e=>{l("");const n=[...i],r=e.target.value.replace(/\D/g,"");n[t]=r,p(n),r.length===1&&t<s-1&&o[t+1]?.focus(),r.length===0&&t>0&&o[t-1]?.focus(),n.every(j=>j!=="")&&(u(n.join("")),o[t].blur())},b=t=>e=>{l("");const r=(e.clipboardData?.getData("text")).toString().replace(/\D/g,"").split("").slice(0,s);p(r),r.length===s&&D(r,t)},g=()=>{const t=o.findIndex(e=>e.value==="");t>=0?o[t].focus():o[s-1].focus(),l("")},k=t=>e=>{e.key==="Backspace"&&t!==0&&o[t].value.length===0&&o[t-1]?.focus()},C=t=>{Number.parseInt(t.key)>=0&&g()},d=["otp__input",{"otp__input--error":a}];return y(()=>{!f&&o[0].focus()},[c,f,o]),y(()=>{c&&p(Array(s).fill(""))},[c,s]),A("div",{className:"otp",children:[Array.from({length:s},(t,e)=>m("input",{value:i[e],onChange:I(e),onPaste:b(e),onKeyUp:k(e),onKeyDown:C,onClick:g,ref:n=>o[e]=n,type:"text",maxLength:1,className:E(d),tabIndex:e+1},e)),a&&m("span",{className:"otp__error",children:a})]})};export{R as OtpInput};

package/dist/esm/Inputs/PasswordField/ErrorMessages.js

@@ -1,2 +1 @@
-export const emptyPasswordError = 'Введите пароль';
-export const notCorrectPasswordError = 'Введите пароль не менее 6 символов';
+const r="Введите пароль",o="Введите пароль не менее 6 символов";export{r as emptyPasswordError,o as notCorrectPasswordError};

package/dist/esm/Inputs/PasswordField/PasswordField.js

@@ -1,35 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import _ from 'lodash/fp';
-import { useEffect, useState } from 'react';
-import { passwordValidator } from '../../tools/customValidators';
-import { TextField, } from '../TextField';
-import { emptyPasswordError, notCorrectPasswordError } from './ErrorMessages';
-export const PasswordField = (props) => {
-    const { onValidated, onPasswordInput, hidePassword = true, } = props;
-    const [errorMessage, setErrorMessage] = useState('');
-    const [touched, setTouched] = useState(false);
-    const [password, setPassword] = useState('');
-    useEffect(() => {
-        if (!touched) {
-            return;
-        }
-        onPasswordInput(password);
-        const valid = passwordValidator(password);
-        if (!valid) {
-            onValidated(false);
-            setErrorMessage(_.cond([
-                [() => !password, () => emptyPasswordError],
-                [() => !valid, () => notCorrectPasswordError],
-            ]));
-            return;
-        }
-        onValidated(true);
-        setErrorMessage('');
-    }, [
-        password,
-        onPasswordInput,
-        onValidated,
-        touched
-    ]);
-    return (_jsx(TextField, { onChange: setPassword, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u041F\u0430\u0440\u043E\u043B\u044C', type: hidePassword ? 'password' : 'text', value: password, eyeIcon: true, checkIcon: true, required: true, ...props }));
-};
+import{jsx as f}from"react/jsx-runtime";import l from"../../_virtual/fp.js";import{useState as t,useEffect as p}from"react";import{passwordValidator as w}from"../../tools/customValidators.js";import{TextField as h}from"../TextField/TextField.js";import{emptyPasswordError as P,notCorrectPasswordError as x}from"./ErrorMessages.js";const C=s=>{const{onValidated:e,onPasswordInput:a,hidePassword:i=!0}=s,[d,n]=t(""),[o,u]=t(!1),[r,m]=t("");return p(()=>{if(!o)return;a(r);const c=w(r);if(!c){e(!1),n(l.cond([[()=>!r,()=>P],[()=>!c,()=>x]]));return}e(!0),n("")},[r,a,e,o]),f(h,{onChange:m,onTouched:u,state:o&&d?"error":"idle",errorMessage:d,label:"Пароль",type:i?"password":"text",value:r,eyeIcon:!0,checkIcon:!0,required:!0,...s})};export{C as PasswordField};

package/dist/esm/Inputs/PhoneField/ErrorMessages.js

@@ -1,2 +1 @@
-export const emptyPhoneError = 'Введите номер телефона';
-export const notCorrectPhoneError = 'Номер телефона — 10 цифр';
+const o="Введите номер телефона",r="Номер телефона — 10 цифр";export{o as emptyPhoneError,r as notCorrectPhoneError};

package/dist/esm/Inputs/PhoneField/PhoneField.js

@@ -1,74 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import _ from 'lodash/fp';
-import { useEffect, useState } from 'react';
-import { phoneValidator } from '../../tools/customValidators';
-import { TextField } from '../TextField';
-import { emptyPhoneError, notCorrectPhoneError } from './ErrorMessages';
-export const PhoneField = (props) => {
-    const { onValidated, onTextValid } = props;
-    const [errorMessage, setErrorMessage] = useState('');
-    const [touched, setTouched] = useState(false);
-    const [phoneNumber, setPhoneNumber] = useState('');
-    const getInputNumbersValue = (value) => {
-        return value.replace(/\D/g, '');
-    };
-    const onPhoneInput = (value, e) => {
-        const { target } = e;
-        const { selectionStart } = target;
-        let inputNumbersValue = getInputNumbersValue(value);
-        let formattedInputValue = '';
-        const { data, inputType } = e.nativeEvent;
-        if (inputType === 'deleteContentBackward' && value.length === 0) {
-            setPhoneNumber('');
-            return;
-        }
-        if (value.length !== selectionStart) {
-            if (data === null || /\d/g.test(data)) {
-                setPhoneNumber(value);
-            }
-            return;
-        }
-        if (['7', '8', '9'].includes(inputNumbersValue[0])) {
-            if (inputNumbersValue[0] === '9')
-                inputNumbersValue = '7' + inputNumbersValue;
-            const firstSymbols = (inputNumbersValue[0] === '8') ? '8' : '+7';
-            formattedInputValue = firstSymbols;
-            if (inputNumbersValue.length > 1) {
-                formattedInputValue += '(' + inputNumbersValue.substring(1, 4);
-            }
-            if (inputNumbersValue.length >= 5) {
-                formattedInputValue += ')' + inputNumbersValue.substring(4, 7);
-            }
-            if (inputNumbersValue.length >= 8) {
-                formattedInputValue += '-' + inputNumbersValue.substring(7, 9);
-            }
-            if (inputNumbersValue.length >= 10) {
-                formattedInputValue += '-' + inputNumbersValue.substring(9, 11);
-            }
-        }
-        else {
-            formattedInputValue = '+' + inputNumbersValue.substring(0, 16);
-        }
-        setPhoneNumber(formattedInputValue);
-    };
-    useEffect(() => {
-        if (!touched) {
-            return;
-        }
-        const valid = phoneValidator(phoneNumber);
-        if (!valid) {
-            onValidated(false);
-            onTextValid('');
-            setErrorMessage(_.cond([
-                [_.isEmpty, () => emptyPhoneError],
-                [() => !valid, () => notCorrectPhoneError],
-                [_.stubTrue, _.stubString]
-            ]));
-            return;
-        }
-        onValidated(true);
-        onTextValid(phoneNumber.replace(/\D/g, ''));
-        setErrorMessage('');
-    }, [onTextValid, onValidated, phoneNumber, touched]);
-    return (_jsx(TextField, { onChange: onPhoneInput, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D', type: 'tel', value: phoneNumber, required: true, checkIcon: true, ...props }));
-};
+import{jsx as V}from"react/jsx-runtime";import o from"../../_virtual/fp.js";import{useState as c,useEffect as P}from"react";import{phoneValidator as S}from"../../tools/customValidators.js";import{TextField as x}from"../TextField/TextField.js";import{emptyPhoneError as I,notCorrectPhoneError as N}from"./ErrorMessages.js";const v=a=>{const{onValidated:s,onTextValid:i}=a,[f,m]=c(""),[u,h]=c(!1),[n,l]=c(""),p=e=>e.replace(/\D/g,""),b=(e,g)=>{const{target:y}=g,{selectionStart:E}=y;let t=p(e),r="";const{data:d,inputType:T}=g.nativeEvent;if(T==="deleteContentBackward"&&e.length===0){l("");return}if(e.length!==E){(d===null||/\d/g.test(d))&&l(e);return}["7","8","9"].includes(t[0])?(t[0]==="9"&&(t="7"+t),r=t[0]==="8"?"8":"+7",t.length>1&&(r+="("+t.substring(1,4)),t.length>=5&&(r+=")"+t.substring(4,7)),t.length>=8&&(r+="-"+t.substring(7,9)),t.length>=10&&(r+="-"+t.substring(9,11))):r="+"+t.substring(0,16),l(r)};return P(()=>{if(!u)return;const e=S(n);if(!e){s(!1),i(""),m(o.cond([[o.isEmpty,()=>I],[()=>!e,()=>N],[o.stubTrue,o.stubString]]));return}s(!0),i(n.replace(/\D/g,"")),m("")},[i,s,n,u]),V(x,{onChange:b,onTouched:h,state:u&&f?"error":"idle",errorMessage:f,label:"Мобильный телефон",type:"tel",value:n,required:!0,checkIcon:!0,...a})};export{v as PhoneField};

package/dist/esm/Inputs/RepeatPasswordField/ErrorMessages.js

@@ -1,2 +1 @@
-export const emptyRepeatPasswordError = 'Введите пароль повторно';
-export const notCorrectRepeatPasswordError = 'Пароли не совпадают';
+const r="Введите пароль повторно",o="Пароли не совпадают";export{r as emptyRepeatPasswordError,o as notCorrectRepeatPasswordError};

package/dist/esm/Inputs/RepeatPasswordField/RepeatPasswordField.js

@@ -1,22 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import _ from 'lodash/fp';
-import { useEffect, useState } from 'react';
-import { TextField, } from '../TextField';
-import { emptyRepeatPasswordError, notCorrectRepeatPasswordError } from './ErrorMessages';
-export const RepeatPasswordField = (props) => {
-    const { equalHandler, comparedValue } = props;
-    const [touched, setTouched] = useState(false);
-    const [password, setPassword] = useState('');
-    const [errorMessage, setErrorMessage] = useState('');
-    useEffect(() => {
-        equalHandler(comparedValue === password);
-        if (!touched) {
-            return;
-        }
-        setErrorMessage(_.cond([
-            [() => !password, () => emptyRepeatPasswordError],
-            [() => comparedValue !== password, () => notCorrectRepeatPasswordError],
-        ]));
-    }, [touched, password, comparedValue, equalHandler]);
-    return (_jsx(TextField, { onChange: setPassword, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C', type: 'password', value: password, eyeIcon: true, checkIcon: true, required: true, ...props }));
-};
+import{jsx as m}from"react/jsx-runtime";import p from"../../_virtual/fp.js";import{useState as t,useEffect as i}from"react";import{TextField as l}from"../TextField/TextField.js";import{emptyRepeatPasswordError as f,notCorrectRepeatPasswordError as w}from"./ErrorMessages.js";const y=s=>{const{equalHandler:a,comparedValue:r}=s,[o,d]=t(!1),[e,n]=t(""),[c,u]=t("");return i(()=>{a(r===e),o&&u(p.cond([[()=>!e,()=>f],[()=>r!==e,()=>w]]))},[o,e,r,a]),m(l,{onChange:n,onTouched:d,state:o&&c?"error":"idle",errorMessage:c,label:"Повторите пароль",type:"password",value:e,eyeIcon:!0,checkIcon:!0,required:!0,...s})};export{y as RepeatPasswordField};

package/dist/esm/Inputs/Selector/Collapse.js

@@ -1,40 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import { useRef, useState, useEffect } from 'react';
-import ChevronDown from '../../assets/img/chevron-down.svg';
-import { Option } from './Option/Option';
-export const Collapse = (props) => {
-    const { options, selected, title, onSelect, chevron = true, optionsIcon, closeOnClick = true, } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const rootRef = useRef(null);
-    const titleRef = useRef(null);
-    useEffect(() => {
-        const handleClick = (event) => {
-            const { target } = event;
-            if (target instanceof Node &&
-                rootRef.current &&
-                !rootRef.current.contains(target)) {
-                closeOnClick && setIsOpen(false);
-            }
-        };
-        window.addEventListener('click', handleClick);
-        return () => {
-            window.removeEventListener('click', handleClick);
-        };
-    }, [closeOnClick, isOpen]);
-    const handleOptionClick = (value) => {
-        closeOnClick && setIsOpen(false);
-        onSelect(value);
-    };
-    const handleTitleClick = () => {
-        setIsOpen(!isOpen);
-    };
-    const chevronMods = [
-        'title__chevron',
-        isOpen && 'title__chevron--rotate',
-    ];
-    const optionsBlock = (_jsx("div", { className: 'selector__options selector__options--slide-down', children: options.map((option) => (_jsx(Option, { option: option, onClick: handleOptionClick, optionsIcon: optionsIcon, selected: option.value === selected?.value }, option.value))) }));
-    const hasIcon = optionsIcon !== undefined || selected?.icon !== undefined;
-    const label = selected ? (_jsxs("div", { className: 'title__label', children: [hasIcon && (_jsx("div", { className: 'title__icon', children: selected?.icon ?? optionsIcon })), selected.label] })) : title;
-    return (_jsxs("div", { className: 'selector', ref: rootRef, children: [_jsxs("div", { className: cn('title', isOpen && 'title--active'), onClick: handleTitleClick, ref: titleRef, children: [label, chevron && (_jsx("div", { className: cn(chevronMods), children: _jsx(ChevronDown, {}) }))] }), isOpen && optionsBlock] }));
-};
+import{jsx as n,jsxs as r}from"react/jsx-runtime";import d from"../../_virtual/index.js";import{useState as E,useRef as m,useEffect as I}from"react";import R from"../../assets/img/chevron-down.svg.js";import{Option as j}from"./Option/Option.js";const T=v=>{const{options:f,selected:t,title:p,onSelect:h,chevron:u=!0,optionsIcon:c,closeOnClick:l=!0}=v,[o,s]=E(!1),i=m(null),_=m(null);I(()=>{const e=x=>{const{target:a}=x;a instanceof Node&&i.current&&!i.current.contains(a)&&l&&s(!1)};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[l,o]);const k=e=>{l&&s(!1),h(e)},C=()=>{s(!o)},N=["title__chevron",o&&"title__chevron--rotate"],w=n("div",{className:"selector__options selector__options--slide-down",children:f.map(e=>n(j,{option:e,onClick:k,optionsIcon:c,selected:e.value===t?.value},e.value))}),O=c!==void 0||t?.icon!==void 0,b=t?r("div",{className:"title__label",children:[O&&n("div",{className:"title__icon",children:t?.icon??c}),t.label]}):p;return r("div",{className:"selector",ref:i,children:[r("div",{className:d("title",o&&"title--active"),onClick:C,ref:_,children:[b,u&&n("div",{className:d(N),children:n(R,{})})]}),o&&w]})};export{T as Collapse};

package/dist/esm/Inputs/Selector/Dropdown.js

@@ -1,81 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import { useRef, useState, useEffect } from 'react';
-import { getCoords } from '../../tools/getCoords';
-import { Portal } from '../../Utils';
-import { Option } from './Option/Option';
-export const Dropdown = (props) => {
-    const { options, selected, title, onSelect, optionsIcon, optionsMaxHeight, optionsDirection = 'down', noFlip = false, } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const [direction, setDirection] = useState(optionsDirection);
-    const [maxHeight, setMaxHeight] = useState(optionsMaxHeight);
-    const rootRef = useRef(null);
-    const titleRef = useRef(null);
-    const optionsRef = useRef(null);
-    const titleCoords = getCoords(titleRef);
-    useEffect(() => {
-        const handleClick = (event) => {
-            const { target } = event;
-            if (target instanceof Node &&
-                rootRef.current &&
-                !rootRef.current.contains(target)) {
-                setIsOpen(false);
-            }
-        };
-        window.addEventListener('click', handleClick);
-        return () => {
-            window.removeEventListener('click', handleClick);
-        };
-    }, [isOpen]);
-    useEffect(() => {
-        if (!optionsRef.current || !titleCoords) {
-            return;
-        }
-        const { topViewport: distanceToTop, bottomViewport } = titleCoords;
-        const windowHeight = window.innerHeight;
-        const optionsHeight = optionsRef.current.offsetHeight;
-        const distanceToBottom = windowHeight - bottomViewport;
-        const isDownDirection = optionsDirection === 'down';
-        setDirection(optionsDirection);
-        setMaxHeight(isDownDirection ? distanceToBottom : distanceToTop);
-        if (noFlip) {
-            return;
-        }
-        const hasSpaceToOptionsBelow = distanceToBottom - optionsHeight > 0;
-        const hasSpaceToOptionsAbove = distanceToTop - optionsHeight > 0;
-        const oppositeDirection = isDownDirection ? 'up' : 'down';
-        if (isDownDirection &&
-            !hasSpaceToOptionsBelow &&
-            hasSpaceToOptionsAbove) {
-            setDirection(oppositeDirection);
-            setMaxHeight(distanceToTop);
-            return;
-        }
-        if (!isDownDirection &&
-            !hasSpaceToOptionsAbove &&
-            hasSpaceToOptionsBelow) {
-            setDirection(oppositeDirection);
-            setMaxHeight(distanceToBottom);
-        }
-    }, [isOpen, noFlip, optionsDirection, titleCoords]);
-    const handleOptionClick = (value) => {
-        setIsOpen(false);
-        onSelect(value);
-    };
-    const handleTitleClick = () => {
-        setIsOpen(!isOpen);
-    };
-    const optionsPosition = {
-        position: 'absolute',
-        left: `${titleCoords?.leftDocument ?? 0}px`,
-        minWidth: `${titleCoords?.width ?? 0}px`,
-        maxHeight: `${optionsMaxHeight ?? maxHeight}px`,
-        ...(direction === 'down'
-            ? { top: `${titleCoords?.bottomDocument ?? 0}px` }
-            : { bottom: `${window?.innerHeight - (titleCoords?.topDocument ?? 0)}px` }),
-    };
-    const optionsBlock = titleCoords && (_jsx("div", { className: `selector__options selector__options--slide-${direction}`, style: { ...optionsPosition }, ref: optionsRef, children: options.map((option) => (_jsx(Option, { option: option, onClick: handleOptionClick, optionsIcon: optionsIcon, selected: option.value === selected?.value }, option.value))) }));
-    const hasIcon = optionsIcon !== undefined || selected?.icon !== undefined;
-    const label = selected ? (_jsxs("div", { className: 'title__label', children: [hasIcon && (_jsx("div", { className: 'title__icon', children: selected?.icon ?? optionsIcon })), selected.label] })) : title;
-    return (_jsxs("div", { className: 'selector', ref: rootRef, children: [_jsx("div", { className: cn('title', isOpen && 'title--active'), onClick: handleTitleClick, ref: titleRef, children: label }), isOpen && _jsx(Portal, { children: optionsBlock })] }));
-};
+import{jsx as i,jsxs as N}from"react/jsx-runtime";import P from"../../_virtual/index.js";import{useState as w,useRef as v,useEffect as O}from"react";import{getCoords as V}from"../../tools/getCoords.js";import{Portal as A}from"../../Utils/Portal/Portal.js";import"../../assets/img/warning.svg.js";import{Option as F}from"./Option/Option.js";const U=T=>{const{options:$,selected:e,title:R,onSelect:S,optionsIcon:r,optionsMaxHeight:x,optionsDirection:s="down",noFlip:g=!1}=T,[n,a]=w(!1),[D,p]=w(s),[B,d]=w(x),f=v(null),H=v(null),m=v(null),o=V(H);O(()=>{const t=u=>{const{target:c}=u;c instanceof Node&&f.current&&!f.current.contains(c)&&a(!1)};return window.addEventListener("click",t),()=>{window.removeEventListener("click",t)}},[n]),O(()=>{if(!m.current||!o)return;const{topViewport:t,bottomViewport:u}=o,c=window.innerHeight,b=m.current.offsetHeight,h=c-u,l=s==="down";if(p(s),d(l?h:t),g)return;const k=h-b>0,_=t-b>0,C=l?"up":"down";if(l&&!k&&_){p(C),d(t);return}!l&&!_&&k&&(p(C),d(h))},[n,g,s,o]);const E=t=>{a(!1),S(t)},I=()=>{a(!n)},j={position:"absolute",left:`${o?.leftDocument??0}px`,minWidth:`${o?.width??0}px`,maxHeight:`${x??B}px`,...D==="down"?{top:`${o?.bottomDocument??0}px`}:{bottom:`${typeof window<"u"?window.innerHeight-(o?.topDocument??0):0}px`}},y=o&&i("div",{className:`selector__options selector__options--slide-${D}`,style:{...j},ref:m,children:$.map(t=>i(F,{option:t,onClick:E,optionsIcon:r,selected:t.value===e?.value},t.value))}),L=r!==void 0||e?.icon!==void 0,M=e?N("div",{className:"title__label",children:[L&&i("div",{className:"title__icon",children:e?.icon??r}),e.label]}):R;return N("div",{className:"selector",ref:f,children:[i("div",{className:P("title",n&&"title--active"),onClick:I,ref:H,children:M}),n&&i(A,{children:y})]})};export{U as Dropdown};

package/dist/esm/Inputs/Selector/Option/Option.js

@@ -1,10 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-export const Option = (props) => {
-    const { option: { value, label, icon }, onClick, selected = false, optionsIcon, } = props;
-    const handleClick = (clickedValue) => () => {
-        onClick(clickedValue);
-    };
-    const hasIcon = optionsIcon !== undefined || icon !== undefined;
-    return (_jsxs("div", { className: cn('selector-option', selected && 'selector-option--selected'), onClick: handleClick(value), children: [hasIcon && (_jsx("div", { className: 'selector-option__icon', children: icon ?? optionsIcon })), label] }));
-};
+import{jsxs as d,jsx as p}from"react/jsx-runtime";import m from"../../../_virtual/index.js";const f=c=>{const{option:{value:n,label:i,icon:o},onClick:s,selected:t=!1,optionsIcon:e}=c,l=a=>()=>{s(a)},r=e!==void 0||o!==void 0;return d("div",{className:m("selector-option",t&&"selector-option--selected"),onClick:l(n),children:[r&&p("div",{className:"selector-option__icon",children:o??e}),i]})};export{f as Option};

package/dist/esm/Inputs/TextField/TextField.js

@@ -1,85 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import _ from 'lodash/fp';
-import { useEffect, useRef, useState, } from 'react';
-import CheckIcon from '../../assets/img/check.svg';
-import CrossIcon from '../../assets/img/cross.svg';
-import EyeCloseIcon from '../../assets/img/eye-close.svg';
-import EyeOpenIcon from '../../assets/img/eye-open.svg';
-import SearchIcon from '../../assets/img/search.svg';
-import styles from './textField.module.scss';
-export const TextField = (props) => {
-    const { label, value, description, className, placeholder, type = 'text', size = 'large', state = 'idle', tabIndex, maxLength, errorMessage, onChange = _.noop, onClear = _.noop, onVisibilityToggle = _.noop, onTouched = _.noop, required = false, autoFocus = false, checkIcon = false, clearIcon = false, eyeIcon = false, searchIcon = false, alwaysShowError = false, } = props;
-    const ref = useRef(null);
-    const [focused, setFocused] = useState(false);
-    const [inputType, setInputType] = useState(type);
-    useEffect(() => {
-        setInputType(type);
-    }, [type]);
-    useEffect(() => {
-        if (autoFocus) {
-            setFocused(true);
-            ref.current?.focus();
-        }
-    }, [autoFocus]);
-    const onChangeHandler = (e) => {
-        onChange(e.target.value, e);
-    };
-    const toggleVisibility = () => {
-        const newType = inputType === 'password' ? 'text' : 'password';
-        setInputType(newType);
-        onVisibilityToggle();
-    };
-    const onBlur = () => {
-        setFocused(false);
-    };
-    const onFocus = () => {
-        setFocused(true);
-        onTouched(true);
-    };
-    const disabledState = state === 'disabled';
-    const wrapperSizeClassBySize = {
-        medium: styles.textFieldWrapperMedium,
-        large: styles.textFieldWrapperLarge,
-    };
-    const labelSizeClassBySize = {
-        medium: styles.textFieldWrapperLabelMedium,
-        large: styles.textFieldWrapperLabelLarge,
-    };
-    const inputSizeClassBySize = {
-        medium: styles.textFieldInputMedium,
-        large: styles.textFieldInputLarge,
-    };
-    const iconsSizeClassBySize = {
-        medium: styles.textFieldIconsMedium,
-        large: styles.textFieldIconsLarge,
-    };
-    const fieldSizeClassBySize = {
-        medium: styles.textFieldMedium,
-        large: styles.textFieldLarge,
-    };
-    const stateClassByState = {
-        idle: styles.textFieldIdle,
-        error: styles.textFieldError,
-        disabled: styles.textFieldDisabled,
-    };
-    const textFieldWrapperClassName = cn(styles.textFieldWrapper, wrapperSizeClassBySize[size]);
-    const textFieldClassName = cn(styles.textField, fieldSizeClassBySize[size], stateClassByState[state], {
-        [styles.textFieldFocused]: !alwaysShowError ? focused : state !== 'error',
-    }, className);
-    const inputClassName = cn(styles.textFieldInput, inputSizeClassBySize[size]);
-    const iconsClassName = cn(styles.textFieldIcons, iconsSizeClassBySize[size]);
-    const labelClassName = cn(styles.textFieldWrapperLabel, labelSizeClassBySize[size], { [styles.textFieldWrapperLabelDisabled]: disabledState });
-    const bottomText = () => {
-        const showError = !!errorMessage && (alwaysShowError || !focused);
-        if (!showError && !description) {
-            return;
-        }
-        return (_jsx("span", { className: cn(styles.textFieldWrapperBottomText, {
-                [styles.textFieldWrapperBottomTextDescription]: !!description,
-                [styles.textFieldWrapperBottomTextError]: showError,
-            }), children: showError ? errorMessage : description }));
-    };
-    const input = (_jsxs("div", { className: textFieldClassName, children: [searchIcon && (_jsx("div", { className: iconsClassName, children: _jsx(SearchIcon, {}) })), _jsx("input", { ref: ref, type: inputType, value: value, onChange: onChangeHandler, className: inputClassName, onFocus: onFocus, onBlur: onBlur, placeholder: disabledState ? '' : placeholder, disabled: disabledState, onClick: onFocus, tabIndex: tabIndex, maxLength: maxLength }), (checkIcon && value && !errorMessage && !disabledState) && (_jsx("div", { id: 'check-icon', className: iconsClassName, children: _jsx(CheckIcon, {}) })), clearIcon && value && !disabledState && (_jsx("div", { className: [iconsClassName, 'cursor-pointer'].join(' '), onClick: onClear, children: _jsx(CrossIcon, {}) })), eyeIcon && !disabledState && (_jsx("div", { id: 'eye-icon', className: [iconsClassName, 'cursor-pointer'].join(' '), onClick: toggleVisibility, children: inputType === 'password' ? _jsx(EyeOpenIcon, {}) : _jsx(EyeCloseIcon, {}) }))] }));
-    return (_jsxs("div", { className: textFieldWrapperClassName, children: [label && (_jsxs("div", { className: labelClassName, children: [label, required && (_jsx("span", { className: 'text-field-wrapper__label--required', children: "*" }))] })), input, bottomText()] }));
-};
+import{jsxs as F,jsx as t}from"react/jsx-runtime";import o from"../../_virtual/index.js";import a from"../../_virtual/fp.js";import{useRef as ee,useState as S,useEffect as I}from"react";import te from"../../assets/img/check.svg.js";import se from"../../assets/img/cross.svg.js";import re from"../../assets/img/eye-close.svg.js";import oe from"../../assets/img/eye-open.svg.js";import ie from"../../assets/img/search.svg.js";import e from"./textField.module.scss.js";const fe=z=>{const{label:f,value:n,description:d,className:M,placeholder:T,type:c="text",size:i="large",state:p="idle",tabIndex:W,maxLength:w,errorMessage:m,onChange:B=a.noop,onClear:L=a.noop,onVisibilityToggle:v=a.noop,onTouched:k=a.noop,required:E=!1,autoFocus:g=!1,checkIcon:j=!1,clearIcon:$=!1,eyeIcon:D=!1,searchIcon:_=!1,alwaysShowError:h=!1}=z,b=ee(null),[y,u]=S(!1),[x,C]=S(c);I(()=>{C(c)},[c]),I(()=>{g&&(u(!0),b.current?.focus())},[g]);const q=s=>{B(s.target.value,s)},V=()=>{C(x==="password"?"text":"password"),v()},H=()=>{u(!1)},N=()=>{u(!0),k(!0)},r=p==="disabled",R={medium:e.textFieldWrapperMedium,large:e.textFieldWrapperLarge},A={medium:e.textFieldWrapperLabelMedium,large:e.textFieldWrapperLabelLarge},G={medium:e.textFieldInputMedium,large:e.textFieldInputLarge},J={medium:e.textFieldIconsMedium,large:e.textFieldIconsLarge},K={medium:e.textFieldMedium,large:e.textFieldLarge},O={idle:e.textFieldIdle,error:e.textFieldError,disabled:e.textFieldDisabled},P=o(e.textFieldWrapper,R[i]),Q=o(e.textField,K[i],O[p],{[e.textFieldFocused]:h?p!=="error":y},M),U=o(e.textFieldInput,G[i]),l=o(e.textFieldIcons,J[i]),X=o(e.textFieldWrapperLabel,A[i],{[e.textFieldWrapperLabelDisabled]:r}),Y=()=>{const s=!!m&&(h||!y);if(!(!s&&!d))return t("span",{className:o(e.textFieldWrapperBottomText,{[e.textFieldWrapperBottomTextDescription]:!!d,[e.textFieldWrapperBottomTextError]:s}),children:s?m:d})},Z=F("div",{className:Q,children:[_&&t("div",{className:l,children:t(ie,{})}),t("input",{ref:b,type:x,value:n,onChange:q,className:U,onFocus:N,onBlur:H,placeholder:r?"":T,disabled:r,onClick:N,tabIndex:W,maxLength:w}),j&&n&&!m&&!r&&t("div",{id:"check-icon",className:l,children:t(te,{})}),$&&n&&!r&&t("div",{className:[l,"cursor-pointer"].join(" "),onClick:L,children:t(se,{})}),D&&!r&&t("div",{id:"eye-icon",className:[l,"cursor-pointer"].join(" "),onClick:V,children:x==="password"?t(oe,{}):t(re,{})})]});return F("div",{className:P,children:[f&&F("div",{className:X,children:[f,E&&t("span",{className:"text-field-wrapper__label--required",children:"*"})]}),Z,Y()]})};export{fe as TextField};

package/dist/esm/Inputs/TextField/textField.module.scss.js

@@ -0,0 +1 @@
+const e="textField-module__text-field-wrapper__h1nuF",t="textField-module__text-field-wrapper__label__1ndSz",d="textField-module__text-field-wrapper__label--medium__DdN6G",l="textField-module__text-field-wrapper__label--large__iaOXR",i="textField-module__text-field-wrapper__label--disabled__wxMTy",_="textField-module__text-field-wrapper__bottom-text__sGLnw",x="textField-module__text-field-wrapper__bottom-text--description__Ky7v-",o="textField-module__text-field-wrapper__bottom-text--error__RZSGv",r="textField-module__text-field__iNtOM",F="textField-module__text-field--medium__ILHQB",p="textField-module__text-field--large__Jc9C3",a="textField-module__text-field--idle__PdsG3",u="textField-module__text-field--error__XfIG0",s="textField-module__text-field--disabled__03mPH",m="textField-module__text-field--focused__uTUJ1",n="textField-module__text-field__input__EWTTf",c="textField-module__text-field__input--medium__XNj0L",f="textField-module__text-field__input--large__dk68E",b="textField-module__text-field__icons__p21ud",L="textField-module__text-field__icons--medium__3ctT4",W="textField-module__text-field__icons--large__BYc2q",I={textFieldWrapper:e,textFieldWrapperLabel:t,textFieldWrapperLabelMedium:d,textFieldWrapperLabelLarge:l,textFieldWrapperLabelDisabled:i,textFieldWrapperBottomText:_,textFieldWrapperBottomTextDescription:x,textFieldWrapperBottomTextError:o,textField:r,textFieldMedium:F,textFieldLarge:p,textFieldIdle:a,textFieldError:u,textFieldDisabled:s,textFieldFocused:m,textFieldInput:n,textFieldInputMedium:c,textFieldInputLarge:f,textFieldIcons:b,textFieldIconsMedium:L,textFieldIconsLarge:W};export{I as default,r as textField,s as textFieldDisabled,u as textFieldError,m as textFieldFocused,b as textFieldIcons,W as textFieldIconsLarge,L as textFieldIconsMedium,a as textFieldIdle,n as textFieldInput,f as textFieldInputLarge,c as textFieldInputMedium,p as textFieldLarge,F as textFieldMedium,e as textFieldWrapper,_ as textFieldWrapperBottomText,x as textFieldWrapperBottomTextDescription,o as textFieldWrapperBottomTextError,t as textFieldWrapperLabel,i as textFieldWrapperLabelDisabled,l as textFieldWrapperLabelLarge,d as textFieldWrapperLabelMedium};

package/dist/esm/Utils/Divider/Divider.js

@@ -1,2 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Divider = () => _jsx("hr", { className: 'divider' });
+import{jsx as r}from"react/jsx-runtime";const e=()=>r("hr",{className:"divider"});export{e as Divider};

package/dist/esm/Utils/ErrorBanner/ErrorBanner.js

@@ -1,6 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningIcon from '../../assets/img/warning.svg';
-export const ErrorBanner = (props) => {
-    const { error } = props;
-    return (_jsxs("div", { className: 'error-banner', children: [_jsx("div", { className: 'error-banner__icon', children: _jsx(WarningIcon, {}) }), _jsx("p", { className: 'error-banner__text', children: error })] }));
-};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import s from"../../assets/img/warning.svg.js";const i=e=>{const{error:n}=e;return o("div",{className:"error-banner",children:[r("div",{className:"error-banner__icon",children:r(s,{})}),r("p",{className:"error-banner__text",children:n})]})};export{i as ErrorBanner};

package/dist/esm/Utils/Link/Link.js

@@ -1,5 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-export const Link = ({ iconComponent, label, iconClassName, ...props }) => {
-    return (_jsxs("a", { href: '#', className: 'link', ...props, children: [iconComponent && (_jsx("div", { className: cn('link__icon', [iconClassName]), children: iconComponent })), label] }));
-};
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import n from"../../_virtual/index.js";const o=({iconComponent:r,label:i,iconClassName:s,...c})=>e("a",{href:"#",className:"link",...c,children:[r&&l("div",{className:n("link__icon",[s]),children:r}),i]});export{o as Link};

package/dist/esm/Utils/Modal/Modal.js

@@ -1,24 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-import { useCallback, useEffect, } from 'react';
-import { Portal } from '../Portal/Portal';
-export const Modal = (props) => {
-    const { opened, onCloseModal, children, className, } = props;
-    const onContentHandler = (e) => {
-        e.stopPropagation();
-    };
-    const onKeydownHandler = useCallback((e) => {
-        if (e.key === 'Escape') {
-            onCloseModal();
-        }
-    }, [onCloseModal]);
-    useEffect(() => {
-        if (opened) {
-            window.addEventListener('keydown', onKeydownHandler);
-        }
-        return () => {
-            window.removeEventListener('keydown', onKeydownHandler);
-        };
-    }, [opened, onKeydownHandler]);
-    return (_jsx(Portal, { children: _jsx("div", { className: cn('modal', className), children: _jsx("div", { className: 'modal__overlay', onClick: onCloseModal, children: _jsx("div", { className: 'modal__content', onClick: onContentHandler, children: children }) }) }) }));
-};
+import{jsx as o}from"react/jsx-runtime";import s from"../../_virtual/index.js";import{useCallback as c,useEffect as m}from"react";import{Portal as p}from"../Portal/Portal.js";const y=t=>{const{opened:a,onCloseModal:e,children:d,className:l}=t,i=r=>{r.stopPropagation()},n=c(r=>{r.key==="Escape"&&e()},[e]);return m(()=>(a&&window.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",n)}),[a,n]),o(p,{children:o("div",{className:s("modal",l),children:o("div",{className:"modal__overlay",onClick:e,children:o("div",{className:"modal__content",onClick:i,children:d})})})})};export{y as Modal};

package/dist/esm/Utils/Portal/Portal.js

@@ -1,5 +1 @@
-import { createPortal } from 'react-dom';
-export const Portal = (props) => {
-    const { children, element = document.body } = props;
-    return createPortal(children, element);
-};
+import{createPortal as r}from"react-dom";const c=t=>{const{children:e,element:o=document.body}=t;return r(e,o)};export{c as Portal};

package/dist/esm/Utils/SectionPlaceholder/SectionPlaceholder.js

@@ -1,2 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SectionPlaceholder = ({ label = 'Placeholder' }) => (_jsx("section", { className: 'section-placeholder', children: _jsx("div", { className: 'placeholder', children: label }) }));
+import{jsx as e}from"react/jsx-runtime";const o=({label:c="Placeholder"})=>e("section",{className:"section-placeholder",children:e("div",{className:"placeholder",children:c})});export{o as SectionPlaceholder};

package/dist/esm/Utils/Spinner/Spinner.js

@@ -1,5 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-export const Spinner = ({ className }) => {
-    return (_jsx("div", { className: cn('spinner', className), children: _jsx("svg", { viewBox: '25 25 50 50', children: _jsx("circle", { cx: '50', cy: '50', r: '20' }) }) }));
-};
+import{jsx as r}from"react/jsx-runtime";import e from"../../_virtual/index.js";const o=({className:c})=>r("div",{className:e("spinner",c),children:r("svg",{viewBox:"25 25 50 50",children:r("circle",{cx:"50",cy:"50",r:"20"})})});export{o as Spinner};

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1 @@
+var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{o as commonjsGlobal,l as getDefaultExportFromCjs};

package/dist/esm/_virtual/_mapping.js

@@ -0,0 +1 @@
+var p={};export{p as __exports};

package/dist/esm/_virtual/fp.js

@@ -0,0 +1 @@
+import{getDefaultExportFromCjs as r}from"./_commonjsHelpers.js";import{__require as o}from"../node_modules/lodash/fp.js";var t=o();const a=r(t);export{a as default,t as f};

package/dist/esm/_virtual/index.js

@@ -0,0 +1 @@
+import{getDefaultExportFromCjs as r}from"./_commonjsHelpers.js";import{__require as s}from"../node_modules/classnames/index.js";var e=s();const t=r(e);export{t as default};

package/dist/esm/_virtual/index2.js

@@ -0,0 +1 @@
+var s={exports:{}};export{s as __module};

package/dist/esm/_virtual/lodash.min.js

@@ -0,0 +1 @@
+var o={exports:{}};export{o as __module};

package/dist/esm/assets/Inputs/TextField/textField.module.css

@@ -0,0 +1 @@
+.textField-module__cursor-pointer__e26bw{cursor:pointer!important}:root{font-family:Roboto Regular,sans-serif;font-size:14px;line-height:20px}p{margin:0}a{margin:0;text-decoration:none}.textField-module__text-field-wrapper__h1nuF{position:relative;display:flex;flex-direction:column;font-family:Roboto Regular,sans-serif}.textField-module__text-field-wrapper__label__1ndSz{line-height:20px;color:#585f6f}.textField-module__text-field-wrapper__label--medium__DdN6G{font-size:12px}.textField-module__text-field-wrapper__label--large__iaOXR{font-size:14px}.textField-module__text-field-wrapper__label--required__zAsY8{padding-left:4px;color:#0087f5}.textField-module__text-field-wrapper__label--disabled__wxMTy{color:#585f6f7a}.textField-module__text-field-wrapper__bottom-text__sGLnw{position:absolute;bottom:-16px;left:0;font-size:12px;line-height:16px}.textField-module__text-field-wrapper__bottom-text--description__Ky7v-{color:#585f6f}.textField-module__text-field-wrapper__bottom-text--error__RZSGv{color:#bb1b1b}.textField-module__text-field__iNtOM{display:flex;align-items:center;max-width:400px;padding:0 12px;border:1px solid hsl(220,12%,85%);border-radius:4px}.textField-module__text-field--medium__ILHQB{height:36px}.textField-module__text-field--large__Jc9C3{height:44px}.textField-module__text-field--idle__PdsG3:hover{border:1px solid hsl(220,12%,74%)}.textField-module__text-field--error__XfIG0{border:1px solid hsl(0,75%,42%)}.textField-module__text-field--error__XfIG0:hover{border:1px solid hsl(6,100%,75%)}.textField-module__text-field--disabled__03mPH{border:1px solid hsl(220,12%,85%)}.textField-module__text-field--focused__uTUJ1,.textField-module__text-field--focused__uTUJ1:hover{border:1px solid hsl(207,100%,48%)}.textField-module__text-field__input__EWTTf{width:100%;height:100%;padding:0 4px;font-weight:400;background:none;border:none;outline:none}.textField-module__text-field__input__EWTTf::placeholder{color:#768093}.textField-module__text-field__input--medium__XNj0L{font-size:14px;line-height:20px}.textField-module__text-field__input--large__dk68E{font-size:16px;line-height:24px}.textField-module__text-field__input__EWTTf:disabled{color:#585f6f7a}.textField-module__text-field__icons__p21ud{display:flex;align-items:center;fill:#585f6f}.textField-module__text-field__icons--medium__3ctT4{width:20px}.textField-module__text-field__icons--large__BYc2q{width:24px}

package/dist/esm/assets/img/check.svg.js

@@ -0,0 +1 @@
+import*as e from"react";import{forwardRef as m,memo as l}from"react";const c=({title:t,titleId:o,...r},a)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 0 24 24",ref:a,"aria-labelledby":o,...r},t?e.createElement("title",{id:o},t):null,e.createElement("path",{d:"M17.8835 6.28614L9.99995 14.1697L5.63522 9.81496L4.22522 11.225L9.99995 16.9997L19.2935 7.70614L17.8835 6.28614Z"})),n=m(c),w=l(n);export{w as default};

package/dist/esm/assets/img/checked.svg.js

@@ -0,0 +1 @@
+import*as e from"react";import{forwardRef as l,memo as m}from"react";const c=({title:t,titleId:a,...o},r)=>e.createElement("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",ref:r,"aria-labelledby":a,...o},t?e.createElement("title",{id:a},t):null,e.createElement("path",{d:"M13.8333 0.5H2.16667C1.24167 0.5 0.5 1.25 0.5 2.16667V13.8333C0.5 14.75 1.24167 15.5 2.16667 15.5H13.8333C14.7583 15.5 15.5 14.75 15.5 13.8333V2.16667C15.5 1.25 14.7583 0.5 13.8333 0.5ZM6.33333 12.1667L2.16667 8L3.34167 6.825L6.33333 9.80833L12.6583 3.48333L13.8333 4.66667L6.33333 12.1667Z",fillOpacity:.88})),n=l(c),f=m(n);export{f as default};

package/dist/esm/assets/img/chevron-down.svg.js

@@ -0,0 +1 @@
+import*as e from"react";import{forwardRef as m,memo as n}from"react";const l=({title:t,titleId:o,...r},a)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,viewBox:"0 0 20 20",ref:a,"aria-labelledby":o,...r},t?e.createElement("title",{id:o},t):null,e.createElement("path",{d:"M13.825 6.91211L10 10.7288L6.175 6.91211L5 8.08711L10 13.0871L15 8.08711L13.825 6.91211Z"})),w=m(l),c=n(w);export{c as default};

package/dist/esm/assets/img/cross.svg.js

@@ -0,0 +1 @@
+import*as e from"react";import{forwardRef as L,memo as m}from"react";const s=({title:t,titleId:o,...r},a)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 0 24 24",ref:a,"aria-labelledby":o,...r},t?e.createElement("title",{id:o},t):null,e.createElement("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"})),l=L(s),c=m(l);export{c as default};

package/dist/esm/assets/img/eye-close.svg.js

@@ -0,0 +1 @@
+import*as e from"react";import{forwardRef as t,memo as m}from"react";const n=({title:a,titleId:l,...o},r)=>e.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 0 122.88 53.37",ref:r,"aria-labelledby":l,...o},a===void 0?e.createElement("title",{id:l},"closed-eye"):a?e.createElement("title",{id:l},a):null,e.createElement("path",{d:"M1.05,7.37A4.49,4.49,0,1,1,7.93,1.61a114.61,114.61,0,0,0,14.88,15C35.48,27,48.63,32.25,61.67,32.24S87.79,27,100.37,16.49A112.38,112.38,0,0,0,114.94,1.64a4.48,4.48,0,0,1,6.92,5.69,129.09,129.09,0,0,1-10,10.85l5.91,5.42a4.47,4.47,0,1,1-6,6.6l-6.59-6a86.1,86.1,0,0,1-13.43,9.06l3.73,8A4.48,4.48,0,0,1,87.35,45l-3.74-8a61.24,61.24,0,0,1-17.56,4V48.9a4.48,4.48,0,0,1-8.95,0V41A61.75,61.75,0,0,1,39.58,37l-3.76,8a4.48,4.48,0,1,1-8.11-3.79l3.74-8A88.78,88.78,0,0,1,18,24.2l-6.55,6a4.47,4.47,0,1,1-6-6.6l5.83-5.34A130.63,130.63,0,0,1,1.05,7.37Z"})),s=t(n),d=m(s);export{d as default};

package/dist/esm/assets/img/eye-open.svg.js

@@ -0,0 +1 @@
+import*as e from"react";import{forwardRef as a,memo as m}from"react";const l=({title:t,titleId:C,...o},r)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 0 24 24",ref:r,"aria-labelledby":C,...o},t?e.createElement("title",{id:C},t):null,e.createElement("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z"})),n=a(l),c=m(n);export{c as default};