@scbt-ecom/ui 0.0.50 → 0.0.51

package/dist/shared/constants/designSystem/others.d.ts

@@ -13,4 +13,15 @@ declare const allowedBackgroundDeg: {
     110: string;
     180: string;
 };
-export { allowedBorderRadius, allowedBackgroundDeg };
+declare const allowedZIndex: {
+    0: string;
+    1: string;
+    10: string;
+    30: string;
+    50: string;
+    100: string;
+    250: string;
+    500: string;
+    1000: string;
+};
+export { allowedBorderRadius, allowedBackgroundDeg, allowedZIndex };

package/dist/shared/ui/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import * as React from 'react';
 type IProgressBarClasses = {
     wrapper: string;
     topContent: string;
@@ -8,8 +8,8 @@ type IProgressBarClasses = {
     loader: string;
 };
 export interface IProgressBarProps {
-    topContent?: ReactElement;
-    bottomContent?: ReactElement;
+    topContent?: React.ReactElement;
+    bottomContent?: React.ReactElement;
     progress: number;
     maxPercent?: number;
     classes?: Partial<IProgressBarClasses>;

package/dist/shared/ui/TabsSwitcher.d.ts

@@ -9,7 +9,7 @@ interface ITabsClasses {
     content: string;
     contentsWrapper: string;
 }
-interface ITabContent {
+export interface ITabContent {
     id: string;
     body: React.ReactElement | string;
     accordion?: {
@@ -26,8 +26,10 @@ export interface ITabRenderContent {
 }
 export interface ITabsSwitcherProps {
     renderContent: ITabRenderContent;
+    value: string;
+    onChangeTab: (tab: string) => void;
     defaultActiveTabId?: string;
     classes?: Partial<ITabsClasses>;
 }
-export declare const TabsSwitcher: ({ renderContent, defaultActiveTabId, classes }: ITabsSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsSwitcher: ({ renderContent, defaultActiveTabId, value, onChangeTab, classes }: ITabsSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/formControlElements/calendarControl/CalendarControl.d.ts

@@ -1,4 +1,4 @@
-import { FieldValues } from 'react-hook-form';
+import { FieldValues, UseFormSetValue, UseFormWatch } from 'react-hook-form';
 import { TControlledInputProps } from '../model';
 import { TCalendarClasses } from './model/types';
 export interface ICalendarControlProps<T extends FieldValues> extends TControlledInputProps<T> {
@@ -9,5 +9,7 @@ export interface ICalendarControlProps<T extends FieldValues> extends TControlle
     disabled?: boolean;
     onClickIcon?: (...args: unknown[]) => unknown;
     defaultValue?: string;
+    setValue: UseFormSetValue<T>;
+    watch: UseFormWatch<T>;
 }
-export declare const CalendarControl: <T extends FieldValues>({ control, classes, label, disabled, maskFormat, allowEmptyFormatting, mask, size, helperText, icon, badge, swapPosition, onClickIcon, defaultValue, ...props }: ICalendarControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarControl: <T extends FieldValues>({ control, classes, label, disabled, maskFormat, allowEmptyFormatting, mask, size, helperText, icon, badge, swapPosition, onClickIcon, defaultValue, watch, setValue, ...props }: ICalendarControlProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/comboboxControl/ComboboxControl.d.ts

@@ -1,6 +1,31 @@
-import { FieldValues } from 'react-hook-form';
-import { TControlledInputProps, TInputCommonProps } from '../model';
-export interface IComboboxControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
-    classes: any;
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { GroupBase } from 'react-select';
+import { TComboboxControlClasses } from './model/types';
+import * as React from 'react';
+type TSelectVariant = 'primary' | 'secondary';
+export interface SelectOption<ValueType> {
+    value: ValueType;
+    label: string;
 }
-export declare const ComboboxControl: <T extends FieldValues>({ control, helperText, size, label, disabled, badge, icon, swapPosition, onClickIcon, onKeyDownIcon, classes, multiple, ...props }: IComboboxControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface IComboboxControlProps<T extends FieldValues, ValueType> {
+    name: Path<T>;
+    control: Control<T>;
+    options: readonly (ValueType | GroupBase<ValueType>)[];
+    label: string;
+    size?: 'sm' | 'md' | 'lg' | 'full';
+    helperText?: string;
+    marker?: boolean;
+    variant?: TSelectVariant;
+    isClearable?: boolean;
+    defaultValue?: ValueType;
+    noOptionsMessage?: string;
+    disabled?: boolean;
+    isMulti?: boolean;
+    placeholder?: string;
+    onClickIcon?: (...args: unknown[]) => unknown;
+    onKeyDownIcon?: (event: React.KeyboardEvent) => unknown;
+    isSearchable?: boolean;
+    classes?: Partial<TComboboxControlClasses>;
+}
+export declare const ComboboxControl: <T extends FieldValues, ValueType>({ options, control, defaultValue, variant, isClearable, label, disabled, placeholder, helperText, noOptionsMessage, size, classes, isMulti, isSearchable, ...props }: IComboboxControlProps<T, ValueType>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/{comboboxControlSelect → comboboxControl}/model/selectClassnames.d.ts

@@ -1,6 +1,6 @@
 import { MenuProps, OptionProps } from 'react-select';
-import { TComboboxControlReactSelectClasses } from './types';
-export declare const selectClassNames: <State>(isMulti: boolean, disabled?: boolean, classes?: Partial<TComboboxControlReactSelectClasses>) => {
+import { TComboboxControlClassesCommon } from './types';
+export declare const selectClassNames: <State>(isMulti: boolean, disabled?: boolean, classes?: Partial<TComboboxControlClassesCommon>) => {
     dropdownIndicator: () => string;
     indicatorsContainer: () => string;
     input: () => string;

package/dist/shared/ui/formControlElements/comboboxControl/model/types.d.ts

@@ -0,0 +1,35 @@
+import { TFieldWrapperClasses } from '../../model';
+export type TComboboxControlClasses = Partial<TComboboxControlClassesCommon> & Partial<TFieldWrapperClasses> & Partial<TComboboxChildClasses> & {};
+export type TComboboxControlClassesCommon = {
+    message: string;
+    selectWrapper: string;
+    dropdownIndicator: string;
+    indicatorsContainer: string;
+    input: string;
+    valueContainer: string;
+    control: string;
+    container: string;
+    menuList: string;
+    menu: string;
+    group: string;
+    menuPortal: string;
+    option: string;
+    noOptionsMessage: string;
+    singleValue: string;
+    multiValue: string;
+    multiValueLabel: string;
+    multiValueRemove: string;
+    placeholder: string;
+};
+export type TComboboxChildClasses = TMultiValueRemoveClasses | TComboboxOptionClasses | TDropdownIndicatorClasses;
+export type TMultiValueRemoveClasses = {
+    multiRemoveIcon: string;
+};
+export type TComboboxOptionClasses = {
+    optionCustom: string;
+    checkboxIsMulti: string;
+    checkboxIsMultiIcon: string;
+};
+export type TDropdownIndicatorClasses = {
+    indicatorIcon: string;
+};

package/dist/shared/ui/formControlElements/comboboxControl/ui/ComboboxOption.d.ts

@@ -0,0 +1,8 @@
+import { OptionProps } from 'react-select';
+import { TComboboxOptionClasses } from '../model/types';
+interface IComboboxOptionProps<Option> extends OptionProps<Option> {
+    classes?: Partial<TComboboxOptionClasses>;
+    isSelected: boolean;
+}
+export declare const ComboboxOption: <Option>({ isSelected, classes, ...props }: IComboboxOptionProps<Option>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/comboboxControl/ui/DropdownIndicator.d.ts

@@ -0,0 +1,7 @@
+import { DropdownIndicatorProps } from 'react-select';
+import { TDropdownIndicatorClasses } from '../model/types';
+interface IDropdownIndicatorProps<Option> extends DropdownIndicatorProps<Option> {
+    classes?: Partial<TDropdownIndicatorClasses>;
+}
+export declare const DropdownIndicator: <Option>({ classes, ...props }: IDropdownIndicatorProps<Option>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/comboboxControl/ui/MultiValueRemove.d.ts

@@ -0,0 +1,7 @@
+import { MultiValueRemoveProps } from 'react-select';
+import { TMultiValueRemoveClasses } from '../model/types';
+interface IMultiValueRemoveProps extends MultiValueRemoveProps {
+    classes?: Partial<TMultiValueRemoveClasses>;
+}
+export declare const MultiValueRemove: ({ classes, ...props }: IMultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/{comboboxControlSelect → comboboxControl}/ui/index.d.ts

@@ -1,3 +1,3 @@
-export { Option } from './Option';
+export { ComboboxOption } from './ComboboxOption';
 export { DropdownIndicator } from './DropdownIndicator';
 export { MultiValueRemove } from './MultiValueRemove';

package/dist/shared/ui/formControlElements/editorControl/EditorControl.d.ts

@@ -0,0 +1,7 @@
+export interface IEditorControlProps {
+    value: string;
+    setValue: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare const EditorControl: ({ value, setValue, placeholder, className }: IEditorControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/editorControl/components/conrols.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/core';
+type Props = {
+    editor: Editor;
+};
+export declare const Controls: ({ editor }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/editorControl/components/menu.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+type Props = {
+    editor: Editor;
+};
+export declare const Menu: ({ editor }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/editorControl/index.d.ts

@@ -0,0 +1 @@
+export { EditorControl, type IEditorControlProps } from './EditorControl';

package/dist/shared/ui/formControlElements/editorControl/ui/RemoveBlockButton.d.ts

@@ -0,0 +1,2 @@
+import { SideMenuProps } from '@blocknote/react';
+export declare const RemoveBlockButton: (props: SideMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/editorControl/ui/ResetBlockType.d.ts

@@ -0,0 +1,2 @@
+import { DragHandleMenuProps } from '@blocknote/react';
+export declare function ResetBlockTypeItem(props: DragHandleMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/index.d.ts

@@ -5,10 +5,10 @@ export { DadataInputControl, type IDadataInputControlProps } from './dadata';
 export { CheckboxControl, type ICheckboxControlProps } from './CheckboxControl';
 export { RadioControl, type IRadioControlProps, type IRadioGroupOption } from './RadioControl';
 export { SwitchControl, type ISwitchControlProps } from './SwitchControl';
-export { SelectControl, type ISelectControlProps, type ISelectOption } from './selectControl';
 export { InputSliderControl, type InputSliderControlProps } from './inputSliderControl';
 export { TextareaControl, type ITextareaControlProps } from './TextareaControl';
 export { CalendarControl, type ICalendarControlProps } from './calendarControl';
-export { ComboboxControl, type IComboboxControlProps } from './comboboxControl';
 export { InputControlUploader, type IInputControlUploaderProps } from './inputControlUploader';
-export { ComboboxControlReactSelect, type IComboboxControlReactSelectProps } from './comboboxControlSelect';
+export { ComboboxControl, type IComboboxControlProps } from './comboboxControl';
+export { EditorControl, type IEditorControlProps } from './editorControl';
+export { InputCurrencyControl, type InputCurrencyControlProps } from './inputCurrencyControl';

package/dist/shared/ui/formControlElements/inputControlUploader/model/hooks/useUploader.d.ts

@@ -5,7 +5,7 @@ export type TUseUploader = {
     onValueChange: (f: File[]) => void;
 };
 export declare const useUploader: ({ dropzoneOptions, controlledFiles, onValueChange }: TUseUploader) => {
-    filesStatus: Record<string, "error" | "loading" | "success">;
+    filesStatus: Record<string, "success" | "error" | "loading">;
     removeFile: (index: number) => void;
     dropzoneState: import('react-dropzone').DropzoneState;
 };

package/dist/shared/ui/formControlElements/inputCurrencyControl/InputCurrencyControl.d.ts

@@ -0,0 +1,13 @@
+import { FieldValues } from 'react-hook-form';
+import { TControlledInputProps, TInputCommonProps } from '../model';
+export type TCurrencyVariant = 'euro' | 'dollars' | 'rubles' | 'yuan' | 'dirhams';
+export interface ICurrencyOption {
+    ruName: string;
+    engName: string;
+    currency: TCurrencyVariant;
+}
+export interface InputCurrencyControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
+    classes?: any;
+    defaultCurrency?: TCurrencyVariant;
+}
+export declare const InputCurrencyControl: <T extends FieldValues>({ label, size, helperText, control, classes, disabled, defaultCurrency, ...props }: InputCurrencyControlProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/formControlElements/inputCurrencyControl/index.d.ts

@@ -0,0 +1 @@
+export { InputCurrencyControl, type InputCurrencyControlProps } from './InputCurrencyControl';

package/dist/shared/ui/formControlElements/inputCurrencyControl/model/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ICurrencyOption, TCurrencyVariant } from '../InputCurrencyControl';
+export declare const getDelimiterForCurrency: (currency: TCurrencyVariant) => "" | "€ " | "$ " | "₽ " | "¥ " | "د.إ ";
+export declare const currencyOptionsList: ICurrencyOption[];

package/dist/shared/ui/formControlElements/inputCurrencyControl/model/useInputCurrency.d.ts

@@ -0,0 +1,10 @@
+import { ICurrencyOption, TCurrencyVariant } from '../InputCurrencyControl';
+type TUseInputCurrencyReturn = {
+    menuIsOpen: boolean;
+    currentCurrencyOption: ICurrencyOption;
+    onSelectOption: (option: ICurrencyOption) => void;
+    onToggleMenu: () => void;
+    onCloseMenu: () => void;
+};
+export declare const useInputCurrency: (defaultCurrency?: TCurrencyVariant) => TUseInputCurrencyReturn;
+export {};

package/dist/shared/ui/formControlElements/inputCurrencyControl/ui/MenuTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ICurrencyOption } from '../InputCurrencyControl';
+interface IMenuTriggerProps {
+    onToggleMenu: () => void;
+    currentCurrencyOption: ICurrencyOption;
+}
+export declare const MenuTrigger: ({ onToggleMenu, currentCurrencyOption }: IMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/inputCurrencyControl/ui/OptionList.d.ts

@@ -0,0 +1,8 @@
+import { ICurrencyOption } from '../InputCurrencyControl';
+interface IOptionListProps {
+    optionsList: ICurrencyOption[];
+    menuIsOpen: boolean;
+    onSelectOption: (option: ICurrencyOption) => void;
+}
+export declare const OptionList: ({ optionsList, menuIsOpen, onSelectOption }: IOptionListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/inputCurrencyControl/ui/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuTrigger } from './MenuTrigger';
+export { OptionList } from './OptionList';

package/dist/shared/ui/icon/index.d.ts

@@ -1,2 +1,2 @@
 export { Icon, type IconProps, type TAllowedIcons } from './Icon';
-export * from './sprite.gen';
+export type { SpritesMap } from './sprite.gen';

package/dist/shared/ui/icon/sprite.gen.d.ts

@@ -2,8 +2,9 @@ export interface SpritesMap {
     arrows: 'arrowCircle' | 'arrowLink' | 'arrowRight';
     brandLogos: 'logoBlack' | 'logoBusiness' | 'logoGray' | 'logoInsurance' | 'logoMain' | 'logoWhite';
     files: 'border' | 'borderError' | 'documentFilled' | 'documentOutline' | 'upload';
-    general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'showEye';
+    general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'plus' | 'showEye';
     info: 'warningCircle';
+    social: 'classmates' | 'telegram' | 'vk';
 }
 export declare const SPRITES_META: {
     [Key in keyof SpritesMap]: {

package/dist/shared/ui/index.d.ts

@@ -13,11 +13,12 @@ export { Popover } from './popover';
 export { ProgressBar, type IProgressBarProps } from './ProgressBar';
 export { TabsSwitcher, type ITabsSwitcherProps, type ITabRenderContent } from './TabsSwitcher';
 export { Modal } from './modal';
-export { Notification } from './notification';
+export { type INotificationProps, Notification } from './notification';
+export { NotificationProvider, type INotificationProviderProps } from './providers';
 export { Heading, type IHeadingProps } from './Heading';
-export { Icon, type IconProps, type TAllowedIcons } from './icon';
+export { Icon, type IconProps, type TAllowedIcons, type SpritesMap } from './icon';
 export { brandLogos, type TBrandLogoVariant } from './brandLogos';
 export { Breadcrumbs, type IBreadcrumbsProps } from './Breadcrumbs';
 export { CustomLink, type ICustomLinkProps } from './CustomLink';
 export { Document, type IDocumentProps } from './Document';
-export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, InputSliderControl, type InputSliderControlProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps, type IRadioGroupOption, SwitchControl, type ISwitchControlProps, SelectControl, type ISelectControlProps, type ISelectOption, TextareaControl, type ITextareaControlProps, type ICalendarControlProps, ComboboxControl, type IComboboxControlProps, type IInputControlUploaderProps, InputControlUploader, CalendarControl } from './formControlElements';
+export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, InputSliderControl, type InputSliderControlProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps, type IRadioGroupOption, SwitchControl, type ISwitchControlProps, TextareaControl, type ITextareaControlProps, type IInputControlUploaderProps, InputControlUploader, type ICalendarControlProps, CalendarControl, type IEditorControlProps, EditorControl, InputCurrencyControl, type InputCurrencyControlProps, ComboboxControl, type IComboboxControlProps } from './formControlElements';

package/dist/shared/ui/notification/index.d.ts

@@ -1 +1 @@
-export { Notification } from './Notification';
+export { Notification, type INotificationProps } from './Notification';

package/dist/shared/ui/providers/NotificationProvider.d.ts

@@ -0,0 +1,5 @@
+export interface INotificationProviderProps {
+    maxToastViewLimit?: number;
+    toastDuration?: number;
+}
+export declare const NotificationProvider: ({ maxToastViewLimit, toastDuration }: INotificationProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/providers/index.d.ts

@@ -0,0 +1 @@
+export { NotificationProvider, type INotificationProviderProps } from './NotificationProvider';

package/dist/sprites/general.svg

@@ -1 +1 @@
-<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" viewBox="0 0 19 19"><path fill="currentColor" d="M13.293.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 5 19H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l13-13ZM14 2.414l-12 12V17h2.586l12-12L14 2.414Z"/><path fill="currentColor" fill-rule="evenodd" d="M9 18a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="hiddenEye" fill="none" viewBox="0 0 20 18"><path fill="currentColor" d="M2.707.293a1 1 0 0 0-1.414 1.414l2.424 2.424C2.287 5.207 1.04 6.685.106 8.553a1 1 0 0 0 0 .894C2.264 13.764 6.096 16 10 16c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16Zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72Zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L7.879 2.223A10.215 10.215 0 0 1 10 2c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.107 13.107 0 0 1-1.925 2.865l-1.417-1.416Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="showEye" fill="none" viewBox="0 0 20 14"><path fill="currentColor" d="M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path fill="currentColor" d="M19.894 6.553C17.736 2.236 13.904 0 10 0 6.097 0 2.264 2.236.106 6.553a1 1 0 0 0 0 .894C2.264 11.764 6.096 14 10 14c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894ZM10 12c-2.969 0-6.002-1.62-7.87-5C3.998 3.62 7.03 2 10 2c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5Z"/></symbol></svg>
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" viewBox="0 0 19 19"><path fill="currentColor" d="M13.293.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 5 19H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l13-13ZM14 2.414l-12 12V17h2.586l12-12L14 2.414Z"/><path fill="currentColor" fill-rule="evenodd" d="M9 18a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="hiddenEye" fill="none" viewBox="0 0 20 18"><path fill="currentColor" d="M2.707.293a1 1 0 0 0-1.414 1.414l2.424 2.424C2.287 5.207 1.04 6.685.106 8.553a1 1 0 0 0 0 .894C2.264 13.764 6.096 16 10 16c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16Zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72Zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L7.879 2.223A10.215 10.215 0 0 1 10 2c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.107 13.107 0 0 1-1.925 2.865l-1.417-1.416Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="plus" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6V1a1 1 0 0 1 1-1Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="showEye" fill="none" viewBox="0 0 20 14"><path fill="currentColor" d="M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path fill="currentColor" d="M19.894 6.553C17.736 2.236 13.904 0 10 0 6.097 0 2.264 2.236.106 6.553a1 1 0 0 0 0 .894C2.264 11.764 6.096 14 10 14c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894ZM10 12c-2.969 0-6.002-1.62-7.87-5C3.998 3.62 7.03 2 10 2c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5Z"/></symbol></svg>

package/dist/sprites/social.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="classmates" fill="none" viewBox="0 0 9 15"><path fill="currentColor" fill-rule="evenodd" d="M7.982 3.811c0 1.933-1.64 3.503-3.65 3.503S.682 5.744.682 3.811C.682 1.871 2.322.3 4.332.3s3.65 1.57 3.65 3.511Zm-1.858 0c0-.958-.805-1.732-1.792-1.732-.988 0-1.793.774-1.793 1.732 0 .95.806 1.724 1.793 1.724.987 0 1.792-.774 1.792-1.724ZM1.093 9.338C.176 8.77-.227 8.437.128 7.741c.208-.395.779-.729 1.535-.155 0 0 1.021.783 2.67.783 1.648 0 2.67-.783 2.67-.783.757-.57 1.325-.24 1.536.155.349.696-.053 1.028-.97 1.6-.77.471-1.832.658-2.532.728l1.528 1.465 1.208 1.159c.785.774-.493 1.984-1.286 1.236-.529-.516-1.3-1.258-2.107-2.035l-.04-.039-2.148 2.071C1.4 14.671.122 13.45.915 12.69l2.727-2.624c-.005.005-.099.095 0 0-.692-.07-1.77-.246-2.55-.728Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="telegram" fill="none" viewBox="0 0 15 13"><path fill="currentColor" d="M.882 5.418 13.337.616c.578-.209 1.082.141.895 1.015h.001l-2.12 9.99c-.157.708-.578.88-1.167.546l-3.23-2.38-1.557 1.5c-.172.173-.317.318-.651.318l.23-3.286 5.984-5.407c.26-.23-.058-.358-.402-.13L3.924 7.439.736 6.444c-.692-.22-.707-.692.146-1.026Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="vk" fill="none" viewBox="0 0 16 9"><path fill="currentColor" fill-rule="evenodd" d="M14.28 6.942c.365.373 1.16 1 1.015 1.637-.133.585-1.006.371-1.854.405-.968.041-1.542.062-2.124-.405-.274-.222-.435-.485-.698-.779-.239-.266-.54-.742-.95-.723-.736.036-.505 1.062-.767 1.762-4.092.644-5.735-1.884-7.185-4.337C1.015 3.314 0 .762 0 .762l2.894-.01s.928 1.688 1.174 2.124c.21.37.44.664.677.994.2.275.514.811.86.768.56-.072.662-2.248.314-2.978-.138-.295-.47-.398-.814-.498C5.221.43 8.351.277 8.857.845c.735.825-.509 3.123.498 3.793 1.413-.74 2.62-3.841 2.62-3.841l3.388.021s-.53 1.676-1.085 2.42c-.324.435-1.398 1.404-1.356 2.123.034.57.908 1.124 1.357 1.581Z" clip-rule="evenodd"/></symbol></svg>