@scbt-ecom/ui 0.0.18 → 0.0.20

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

@@ -5,4 +5,12 @@ declare const allowedBorderRadius: {
     lg: string;
     full: string;
 };
-export { allowedBorderRadius };
+declare const allowedBackgroundDeg: {
+    30: string;
+    45: string;
+    80: string;
+    90: string;
+    110: string;
+    180: string;
+};
+export { allowedBorderRadius, allowedBackgroundDeg };

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

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
-type TAdditionalClasses = {
+type TButtonClasses = {
     button: string;
     icon: string;
 };
@@ -11,7 +11,7 @@ declare const buttonConfig: (props?: ({
 type TButtonProps = VariantProps<typeof buttonConfig>;
 export interface IButtonIconProps extends ComponentProps<'button'>, TButtonProps {
     children: ReactElement;
-    classes?: Partial<TAdditionalClasses>;
+    classes?: Partial<TButtonClasses>;
 }
 export declare const ButtonIcon: import('react').ForwardRefExoticComponent<Omit<IButtonIconProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { AnyIconName } from './icon/Icon';
+import { TAllowedIcons } from './icon/Icon';
 declare const customLinkConfig: (props?: ({
     intent?: "white" | "blue" | null | undefined;
     withIcon?: boolean | null | undefined;
@@ -9,7 +9,7 @@ declare const customLinkConfig: (props?: ({
 type TCustomLinkConfig = VariantProps<typeof customLinkConfig>;
 export interface ICustomLinkProps extends TCustomLinkConfig, ComponentProps<'a'> {
     Component: 'a';
-    icon?: AnyIconName;
+    icon?: TAllowedIcons;
 }
 export declare const CustomLink: ({ Component, intent, children, withIcon, disabled, icon, ...props }: ICustomLinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+declare const iconConfig: (props?: ({
+    intent?: "outline" | "filled" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TIconConfig = VariantProps<typeof iconConfig>;
+export interface IDocumentProps extends TIconConfig {
+    text: string;
+    size: number;
+    sizeType: 'КБ' | 'МБ';
+    href: string;
+}
+export declare const Document: ({ text, size, sizeType, href, intent }: IDocumentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,12 +1,21 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
+declare const wrapperConfig: (props?: ({
+    position?: "fixed" | "absolute" | "static" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const loaderConfig: (props?: ({
     intent?: "primary" | "secondary" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    position?: "fixed" | "absolute" | "static" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ILoaderProps extends VariantProps<typeof loaderConfig>, HTMLAttributes<HTMLDivElement> {
+type ILoaderClasses = {
+    wrapper: string;
+    loader: string;
+    text: string;
+};
+export interface ILoaderProps extends VariantProps<typeof loaderConfig>, VariantProps<typeof wrapperConfig>, HTMLAttributes<HTMLDivElement> {
     intent?: 'primary' | 'secondary';
+    text?: ReactElement | string;
+    classes?: Partial<ILoaderClasses>;
 }
-export declare const Loader: ({ size, className, intent, position, ...props }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loader: ({ size, classes, intent, position, text, ...props }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,12 @@
+interface IPhoneViewClasses {
+    wrapper: string;
+    link: string;
+    text: string;
+}
 export interface IPhoneViewProps {
     phone: string;
     text: string;
+    classes?: Partial<IPhoneViewClasses>;
 }
-export declare const PhoneView: ({ phone, text }: IPhoneViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneView: ({ phone, text, classes }: IPhoneViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+type IProgressBarClasses = {
+    wrapper: string;
+    topContent: string;
+    bottomContent: string;
+    progressBar: string;
+    progress: string;
+    loader: string;
+};
+export interface IProgressBarProps {
+    topContent?: ReactElement;
+    bottomContent?: ReactElement;
+    progress: number;
+    maxPercent?: number;
+    classes?: Partial<IProgressBarClasses>;
+}
+export declare const ProgressBar: ({ topContent, bottomContent, progress, maxPercent, classes }: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export interface ISkeletonProps {
+    className?: string;
+}
+export declare const Skeleton: ({ className }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+/**
+ * @param {string} id - для триггера и для контента должен совпадать
+ */
+interface ITabsClasses {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+    contentsWrapper: string;
+}
+interface ITabContent {
+    id: string;
+    body: ReactElement | string;
+    accordion?: {
+        title: string;
+    };
+}
+interface ITabTrigger {
+    id: string;
+    label: string;
+}
+export interface ITabRenderContent {
+    triggers: ITabTrigger[];
+    contents: ITabContent[];
+}
+export interface ITabsSwitcherProps {
+    renderContent: ITabRenderContent;
+    defaultActiveTabId?: string;
+    classes?: Partial<ITabsClasses>;
+}
+export declare const TabsSwitcher: ({ renderContent, defaultActiveTabId, classes }: ITabsSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/accordion/Accordion.d.ts

@@ -1,7 +1,13 @@
-import { IAccordionHeaderClasses, IAccordionItem, IAccordionRootClasses } from './model/types';
+import { ReactElement, ReactNode } from 'react';
+import { TAccordionHeaderClasses, TAccordionRootClasses } from './model/types';
+/**
+ * @param {string[]} defaultOpen - По умолчанию открытые аккордеоны необходимо указать тот же label явно руками.
+ * Пример defaultValue={['Заголовок аккордеона 1', 'Заголовок аккордеона 2']}
+ */
 export interface IAccordionProps {
-    accordionItems: IAccordionItem[];
-    classes?: Partial<IAccordionRootClasses> & Partial<IAccordionHeaderClasses>;
-    defaultValue?: string[];
+    children: ReactNode;
+    label: string | ReactElement;
+    classes?: Partial<TAccordionHeaderClasses> & Partial<TAccordionRootClasses>;
+    defaultOpen?: string[];
 }
-export declare const Accordion: ({ accordionItems, classes, defaultValue }: IAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ children, label, classes, defaultOpen }: IAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/accordion/model/types.d.ts

@@ -1,15 +1,16 @@
 import { ReactNode } from 'react';
-export interface IAccordionHeaderClasses {
+export type TAccordionHeaderClasses = {
     trigger: string;
     icon: string;
     header: string;
     inner: string;
-}
-export interface IAccordionRootClasses {
+};
+export type TAccordionRootClasses = {
     item: string;
     content: string;
+    contentInner: string;
     accordion: string;
-}
+};
 export interface IAccordionItem {
     label: string;
     content: ReactNode;

package/dist/shared/ui/accordion/ui/AccordionHeader.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
-import { IAccordionHeaderClasses } from '../model/types';
+import { TAccordionHeaderClasses } from '../model/types';
 interface IAccordionHeaderProps {
     children?: ReactElement | string;
-    classes?: Partial<IAccordionHeaderClasses>;
+    classes?: Partial<TAccordionHeaderClasses>;
 }
 export declare const AccordionHeader: import('react').ForwardRefExoticComponent<IAccordionHeaderProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,11 +1,13 @@
+import { ReactElement } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { TAdditionalInputPrimitiveClasses, TControlledInputPrimitiveProps } from './model';
 type TCheckboxClasses = Partial<TAdditionalInputPrimitiveClasses> & {
     wrapper?: string;
     indicator?: string;
 };
-export interface ICheckboxControlProps<T extends FieldValues> extends TControlledInputPrimitiveProps<T> {
+export interface ICheckboxControlProps<T extends FieldValues> extends Omit<TControlledInputPrimitiveProps<T>, 'label'> {
     classes?: TCheckboxClasses;
+    label: ReactElement | string;
 }
 export declare const CheckboxControl: <T extends FieldValues>({ control, helperText, label, disabled, classes, ...props }: ICheckboxControlProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import { FieldValues } from 'react-hook-form';
-import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from './model';
-export interface InputControlProps<T extends FieldValues> extends TControlledInputProps<T> {
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from './model';
+export interface InputControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
     classes?: Partial<TAdditionalInputClassesWithAttachment>;
 }
 export declare const InputControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, disabled, ...props }: InputControlProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { FieldValues } from 'react-hook-form';
-import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from './model';
-export interface InputControlMaskProps<T extends FieldValues> extends TControlledInputProps<T> {
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from './model';
+export interface InputControlMaskProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
     format: string;
     mask?: string | string[];
     allowEmptyFormatting?: boolean;

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

@@ -0,0 +1,27 @@
+import { FieldValues } from 'react-hook-form';
+import { TControlledInputProps } from './model';
+interface ISelectControlClasses {
+    trigger: string;
+    options: string;
+    scrollArea: string;
+    option: string;
+    icon: string;
+    message: string;
+    value: string;
+    label: string;
+}
+export interface ISelectOption {
+    id: string;
+    optionValue: string;
+    isDisabled?: boolean;
+}
+export interface ISelectControlProps<T extends FieldValues> extends TControlledInputProps<T> {
+    classes?: Partial<ISelectControlClasses>;
+    optionsList: ISelectOption[];
+    label: string;
+    multiple?: boolean;
+    intent?: 'filled' | 'clear';
+    disabled?: boolean;
+}
+export declare const SelectControl: <T extends FieldValues>({ size, control, helperText, disabled, classes, optionsList, label, multiple, intent, ...props }: ISelectControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { FieldValues } from 'react-hook-form';
+import { TControlledInputPrimitiveProps } from './model';
+interface ISwitchClasses {
+    wrapper: string;
+    input: string;
+    thumb: string;
+    textBlock: string;
+    label: string;
+    message: string;
+}
+export interface ISwitchControlProps<T extends FieldValues> extends TControlledInputPrimitiveProps<T> {
+    disabled?: boolean;
+    classes?: Partial<ISwitchClasses>;
+}
+export declare const SwitchControl: <T extends FieldValues>({ disabled, classes, control, helperText, label, ...props }: ISwitchControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { FieldValues } from 'react-hook-form';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TTextareaCommonProps } from './model';
+type TTextareaClasses = Partial<TAdditionalInputClassesWithAttachment> & {
+    head: string;
+    scrollArea: string;
+};
+export interface TextareaControlProps<T extends FieldValues> extends TControlledInputProps<T>, TTextareaCommonProps {
+    classes?: Partial<TTextareaClasses>;
+}
+export declare const TextareaControl: <T extends FieldValues>({ label, size, helperText, control, classes, badge, icon, disabled, placeholder, ...props }: TextareaControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/formControlElements/dadata/DadataInputControl.d.ts

@@ -1,11 +1,11 @@
 import { FieldValues } from 'react-hook-form';
-import { TAdditionalInputClassesWithAttachment, TControlledInputProps } from '../model';
+import { TAdditionalInputClassesWithAttachment, TControlledInputProps, TInputCommonProps } from '../model';
 import { TDadataBaseUrl, TDadataType } from './model/types';
 type TDadataClasses = Partial<TAdditionalInputClassesWithAttachment> & {
     options?: string;
     indentMargin?: string;
 };
-export interface IDadataInputControlProps<T extends FieldValues> extends TControlledInputProps<T> {
+export interface IDadataInputControlProps<T extends FieldValues> extends TControlledInputProps<T>, TInputCommonProps {
     classes?: TDadataClasses;
     dadataType?: TDadataType;
     dadataBaseUrl?: TDadataBaseUrl;

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

@@ -3,4 +3,7 @@ export { InputControlMask, type InputControlMaskProps } from './InputControlMask
 export { FormControl } from './FormControl';
 export { DadataInputControl, type IDadataInputControlProps } from './dadata';
 export { CheckboxControl, type ICheckboxControlProps } from './CheckboxControl';
-export { RadioControl, type IRadioControlProps } from './RadioControl';
+export { RadioControl, type IRadioControlProps, type IRadioGroupOption } from './RadioControl';
+export { SwitchControl, type ISwitchControlProps } from './SwitchControl';
+export { SelectControl, type ISelectControlProps, type ISelectOption } from './SelectControl';
+export { TextareaControl, type TextareaControlProps } from './TextareaControl';

package/dist/shared/ui/formControlElements/model/props-types.d.ts

@@ -1,7 +1,8 @@
 import { ComponentProps, ReactElement } from 'react';
 import { Control, FieldValues, Path } from 'react-hook-form';
 import { TFieldContainerConfig } from '../ui/FieldContainer';
-type TFieldCommonProps = Omit<ComponentProps<'input'>, 'name' | 'placeholder' | 'size' | 'type' | 'defaultValue'>;
+export type TInputCommonProps = Omit<ComponentProps<'input'>, 'name' | 'placeholder' | 'size' | 'type' | 'defaultValue'>;
+export type TTextareaCommonProps = Omit<ComponentProps<'textarea'>, 'name' | 'size' | 'type' | 'defaultValue'>;
 type TFieldControlledProps<T extends FieldValues> = {
     name: Path<T>;
     control: Control<T>;
@@ -13,6 +14,6 @@ export type TFieldAttachment = {
     badge?: string;
     icon?: ReactElement;
 };
-export type TControlledInputProps<T extends FieldValues> = TFieldContainerConfig & TFieldCommonProps & TFieldAttachment & TFieldControlledProps<T>;
-export type TControlledInputPrimitiveProps<T extends FieldValues> = TFieldCommonProps & TFieldControlledProps<T>;
+export type TControlledInputProps<T extends FieldValues> = TFieldContainerConfig & TFieldAttachment & TFieldControlledProps<T>;
+export type TControlledInputPrimitiveProps<T extends FieldValues> = TInputCommonProps & TFieldControlledProps<T>;
 export {};

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

@@ -3,6 +3,7 @@ import { TFieldAttachment } from '../model/props-types';
 interface IFieldAttachmentProps extends TFieldAttachment {
     classes?: Partial<TFieldAttachmentClasses>;
     error?: boolean;
+    isTextarea?: boolean;
 }
-export declare const FieldAttachment: ({ badge, icon, error, classes }: IFieldAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldAttachment: ({ badge, icon, error, isTextarea, classes }: IFieldAttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { TFieldContainerClasses } from '../model/classes-types';
 declare const fieldContainerConfig: (props?: ({
+    intent?: "filled" | "clear" | null | undefined;
     size?: "sm" | "md" | "lg" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TFieldContainerConfig = VariantProps<typeof fieldContainerConfig>;
@@ -9,5 +10,5 @@ interface IFieldContainerProps extends TFieldContainerConfig {
     classes?: Partial<TFieldContainerClasses>;
     children: ReactNode;
 }
-export declare const FieldContainer: ({ size, classes, children }: IFieldContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldContainer: ({ size, intent, classes, children }: IFieldContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,6 +8,7 @@ interface IFieldWrapperProps<V> {
     error?: boolean;
     classes?: Partial<TFieldWrapperClasses>;
     disabled?: boolean;
+    isTextarea?: boolean;
 }
-export declare const FieldWrapper: <V>({ children, error, disabled, classes, fieldId, label, value }: IFieldWrapperProps<V>) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldWrapper: <V>({ children, error, disabled, classes, fieldId, label, value, isTextarea }: IFieldWrapperProps<V>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
 import { SVGProps } from 'react';
 import { SpritesMap } from './sprite.gen';
 export type IconName<Key extends keyof SpritesMap> = `${Key}/${SpritesMap[Key]}`;
-export type AnyIconName = {
+export type TAllowedIcons = {
     [Key in keyof SpritesMap]: IconName<Key>;
 }[keyof SpritesMap];
 export interface IconProps extends SVGProps<SVGSVGElement> {
-    name: AnyIconName;
+    name: TAllowedIcons;
 }
 export declare const Icon: ({ name, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,9 @@
 export interface SpritesMap {
+    arrows: 'arrowCircle' | 'arrowLink' | 'arrowRight';
     brandLogos: 'logoBlack' | 'logoBusiness' | 'logoGray' | 'logoInsurance' | 'logoMain' | 'logoWhite';
-    common: 'arrowCircle' | 'arrowLink' | 'arrowRight' | 'check' | 'close' | 'warningCircle';
+    files: 'documentFilled' | 'documentOutline';
+    general: 'check' | 'close';
+    info: 'warningCircle';
 }
 export declare const SPRITES_META: {
     [Key in keyof SpritesMap]: {

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

@@ -5,12 +5,16 @@ export { ButtonIcon, type IButtonIconProps } from './ButtonIcon';
 export { PhoneView } from './PhoneView';
 export { Badge, type IBadgeProps } from './Badge';
 export { Loader, type ILoaderProps } from './Loader';
+export { Skeleton, type ISkeletonProps } from './Skeleton';
 export { Accordion, type IAccordionProps } from './accordion';
 export { Hint, type IHintProps } from './Hint';
 export { Popover } from './popover';
+export { ProgressBar, type IProgressBarProps } from './ProgressBar';
+export { TabsSwitcher, type ITabsSwitcherProps, type ITabRenderContent } from './TabsSwitcher';
 export { Heading, type IHeadingProps } from './Heading';
-export { Icon, type IconProps, type AnyIconName } from './icon';
+export { Icon, type IconProps, type TAllowedIcons } from './icon';
 export { brandLogos, type TBrandLogoVariant } from './brandLogos';
 export { Breadcrumbs, type IBreadcrumbsProps } from './Breadcrumbs';
 export { CustomLink, type ICustomLinkProps } from './CustomLink';
-export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps } from './formControlElements';
+export { Document, type IDocumentProps } from './Document';
+export { InputControl, type InputControlProps, InputControlMask, type InputControlMaskProps, FormControl, DadataInputControl, type IDadataInputControlProps, CheckboxControl, type ICheckboxControlProps, RadioControl, type IRadioControlProps, type IRadioGroupOption, SwitchControl, type ISwitchControlProps, SelectControl, type ISelectControlProps, type ISelectOption, TextareaControl, type TextareaControlProps } from './formControlElements';

package/dist/sprites/arrows.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="arrowCircle" fill="none" viewBox="0 0 32 32"><rect width="31" height="31" x=".5" y="31.5" stroke="currentColor" rx="15.5" transform="rotate(-90 .5 31.5)"/><path fill="currentColor" stroke="currentColor" d="M22.707 18.707a1 1 0 0 1-1.414 0L16 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="arrowLink" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M8 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H9a1 1 0 0 1-1-1Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="arrowRight" fill="none" viewBox="0 0 16 17"><path fill="currentColor" d="M6.195 13.157a.667.667 0 0 1 0-.943l3.529-3.528-3.529-3.529a.667.667 0 1 1 .943-.943l4 4c.26.26.26.683 0 .943l-4 4a.667.667 0 0 1-.943 0Z"/></symbol></svg>

package/dist/sprites/common.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><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="documentFilled" fill="none" viewBox="0 0 22 28"><path fill="currentColor" fill-rule="evenodd" d="M.333 3.038A2.374 2.374 0 0 1 2.71.667h11.053c.26 0 .51.102.698.288l6.909 6.85c.188.188.297.444.297.714v16.443a2.374 2.374 0 0 1-2.377 2.371H2.71a2.374 2.374 0 0 1-2.377-2.371V3.038ZM2.71 2.67H11c.103 0 .201.04.274.108a.36.36 0 0 1 .113.261V9.89a1 1 0 0 0 .995 1.002h6.908c.214 0 .387.165.387.369v13.702a.378.378 0 0 1-.387.369H2.71a.378.378 0 0 1-.387-.37V3.039c0-.204.173-.369.387-.369Zm10.909.595a.4.4 0 0 1 .423.086l4.955 4.913a.356.356 0 0 1 .077.4.388.388 0 0 1-.356.225h-4.955a.378.378 0 0 1-.386-.369V3.606a.37.37 0 0 1 .242-.342Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11 2.67H2.71a.378.378 0 0 0-.387.368v21.924c0 .204.173.369.387.369h16.58a.378.378 0 0 0 .387-.37V11.26a.378.378 0 0 0-.387-.37h-6.908a.998.998 0 0 1-.995-1V3.037a.36.36 0 0 0-.113-.26.397.397 0 0 0-.274-.109Zm0 9.925c-.535 0-.995.3-.995.867v4.766a.37.37 0 0 1-.242.342.4.4 0 0 1-.424-.086l-.404-.401a.99.99 0 0 0-1.397 0 1.006 1.006 0 0 0 0 1.426l2.764 2.74a.99.99 0 0 0 1.396 0l2.763-2.74a1.006 1.006 0 0 0 0-1.426.99.99 0 0 0-1.396 0l-.404.4a.4.4 0 0 1-.424.087.37.37 0 0 1-.242-.342v-4.766c0-.567-.46-.867-.995-.867Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentOutline" fill="none" viewBox="0 0 22 28"><path fill="currentColor" d="M.333 3.333A2.667 2.667 0 0 1 3 .667h10.667c.353 0 .692.14.943.39l6.666 6.667c.25.25.39.589.39.943v16A2.667 2.667 0 0 1 19 27.333H3a2.667 2.667 0 0 1-2.667-2.666V3.333Zm18.115 5.334-4.781-4.781v4.78h4.78ZM11 3.333H3v21.334h16V11.333h-6.667A1.333 1.333 0 0 1 11 10V3.333Z"/><path fill="currentColor" d="M9.941 13.722c0-.597.49-1.055 1.059-1.055.57 0 1.059.458 1.059 1.055v3.735a.39.39 0 0 0 .258.361c.156.06.334.023.45-.091l.431-.423a1.06 1.06 0 0 1 1.486 0c.421.413.421 1.09 0 1.503l-2.94 2.89a1.06 1.06 0 0 1-1.487 0l-2.941-2.89a1.053 1.053 0 0 1 0-1.503 1.06 1.06 0 0 1 1.486 0l.43.423a.43.43 0 0 0 .451.091.39.39 0 0 0 .258-.36v-3.736Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="warningCircle" fill="none" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10Z"/><path fill="currentColor" d="M10 12a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1Zm-1.5 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/></symbol></svg>

package/dist/sprites/files.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="documentFilled" fill="none" viewBox="0 0 22 28"><path fill="currentColor" fill-rule="evenodd" d="M.333 3.038A2.374 2.374 0 0 1 2.71.667h11.053c.26 0 .51.102.698.288l6.909 6.85c.188.188.297.444.297.714v16.443a2.374 2.374 0 0 1-2.377 2.371H2.71a2.374 2.374 0 0 1-2.377-2.371V3.038ZM2.71 2.67H11c.103 0 .201.04.274.108a.36.36 0 0 1 .113.261V9.89a1 1 0 0 0 .995 1.002h6.908c.214 0 .387.165.387.369v13.702a.378.378 0 0 1-.387.369H2.71a.378.378 0 0 1-.387-.37V3.039c0-.204.173-.369.387-.369Zm10.909.595a.4.4 0 0 1 .423.086l4.955 4.913a.356.356 0 0 1 .077.4.388.388 0 0 1-.356.225h-4.955a.378.378 0 0 1-.386-.369V3.606a.37.37 0 0 1 .242-.342Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11 2.67H2.71a.378.378 0 0 0-.387.368v21.924c0 .204.173.369.387.369h16.58a.378.378 0 0 0 .387-.37V11.26a.378.378 0 0 0-.387-.37h-6.908a.998.998 0 0 1-.995-1V3.037a.36.36 0 0 0-.113-.26.397.397 0 0 0-.274-.109Zm0 9.925c-.535 0-.995.3-.995.867v4.766a.37.37 0 0 1-.242.342.4.4 0 0 1-.424-.086l-.404-.401a.99.99 0 0 0-1.397 0 1.006 1.006 0 0 0 0 1.426l2.764 2.74a.99.99 0 0 0 1.396 0l2.763-2.74a1.006 1.006 0 0 0 0-1.426.99.99 0 0 0-1.396 0l-.404.4a.4.4 0 0 1-.424.087.37.37 0 0 1-.242-.342v-4.766c0-.567-.46-.867-.995-.867Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="documentOutline" fill="none" viewBox="0 0 22 28"><path fill="currentColor" d="M.333 3.333A2.667 2.667 0 0 1 3 .667h10.667c.353 0 .692.14.943.39l6.666 6.667c.25.25.39.589.39.943v16A2.667 2.667 0 0 1 19 27.333H3a2.667 2.667 0 0 1-2.667-2.666V3.333Zm18.115 5.334-4.781-4.781v4.78h4.78ZM11 3.333H3v21.334h16V11.333h-6.667A1.333 1.333 0 0 1 11 10V3.333Z"/><path fill="currentColor" d="M9.941 13.722c0-.597.49-1.055 1.059-1.055.57 0 1.059.458 1.059 1.055v3.735a.39.39 0 0 0 .258.361c.156.06.334.023.45-.091l.431-.423a1.06 1.06 0 0 1 1.486 0c.421.413.421 1.09 0 1.503l-2.94 2.89a1.06 1.06 0 0 1-1.487 0l-2.941-2.89a1.053 1.053 0 0 1 0-1.503 1.06 1.06 0 0 1 1.486 0l.43.423a.43.43 0 0 0 .451.091.39.39 0 0 0 .258-.36v-3.736Z"/></symbol></svg>

package/dist/sprites/general.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><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></svg>

package/dist/sprites/info.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="warningCircle" fill="none" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10Z"/><path fill="currentColor" d="M10 12a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1Zm-1.5 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/></symbol></svg>