triafly-ui-kit 1.0.0

package/dist/components/Ui/Table/TableTypes.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export type Column<T extends object = Record<string, unknown>> = {
+    title: React.ReactNode;
+    dataIndex?: keyof T | string;
+    key: string;
+    align?: "left" | "center" | "right";
+    render?: (_: unknown, record: T) => React.ReactNode;
+    width?: number;
+    className?: string;
+    sorted?: boolean;
+};
+export type TablesProps<T extends object = Record<string, unknown>> = {
+    columns: Column<T>[];
+    dataSource: T[];
+    rowKey: keyof T | ((record: T) => string);
+    tableClassName?: string;
+    trTheadClassNames?: string;
+    thTheadClassNames?: string;
+    stickyHeader?: boolean;
+    stickyLeft?: boolean;
+    theadClassName?: string;
+    tbodyClassName?: string;
+    wrapperClassName?: string;
+    borderBottom?: boolean;
+    bordered?: boolean;
+    rowClassName?: (row: T, index: number) => string;
+    defaultSort?: {
+        key: string;
+        order: "asc" | "desc";
+    };
+    onClickTr?: (record: T) => void;
+    onClickTrHeader?: () => void;
+    loading?: boolean;
+};

package/dist/components/Ui/Table/index.d.ts

@@ -0,0 +1 @@
+export * from './Table';

package/dist/components/Ui/TextInput/TextInput.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+type TextInputProps = {
+    label?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    type?: string;
+    name?: string;
+    id?: string;
+    isDisabled?: boolean;
+    iconType?: "checkmark" | "search" | "password" | "email";
+    errorMessage?: string;
+    hasError?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    isClearable?: boolean;
+    isLoading?: boolean;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+};
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/Ui/TextInput/TextInput.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextInput } from './TextInput';
+declare const meta: Meta<typeof TextInput>;
+export default meta;
+type Story = StoryObj<typeof TextInput>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Clearable: Story;
+export declare const Loading: Story;
+export declare const SmallSize: Story;
+export declare const SmallRounded: Story;
+export declare const AllStates: Story;
+export declare const SizeComparison: Story;
+export declare const InteractiveDemo: Story;

package/dist/components/Ui/TextInput/index.d.ts

@@ -0,0 +1 @@
+export * from './TextInput';

package/dist/components/Ui/TextareaInput/TextareaInput.d.ts

@@ -0,0 +1,16 @@
+type TextareaInputProps = {
+    label?: string;
+    name?: string;
+    placeholder?: string;
+    errorMessage?: string;
+    hasError?: boolean;
+    isDisabled?: boolean;
+    charLimit?: number;
+    onChange?: (value: string) => void;
+    value?: string;
+    resize?: boolean;
+    isClearable?: boolean;
+    spellCheck?: boolean;
+};
+export declare const TextareaInput: import('react').ForwardRefExoticComponent<TextareaInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default TextareaInput;

package/dist/components/Ui/TextareaInput/TextareaInput.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextareaInput } from './TextareaInput';
+declare const meta: Meta<typeof TextareaInput>;
+export default meta;
+type Story = StoryObj<typeof TextareaInput>;
+export declare const Default: Story;

package/dist/components/Ui/TextareaInput/index.d.ts

@@ -0,0 +1 @@
+export * from './TextareaInput';

package/dist/components/Ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type TooltipPosition = "top" | "bottom" | "left" | "right";
+type ClickBehavior = "toggle" | "show" | "hide";
+interface TooltipProps {
+    content: string;
+    children: React.ReactNode;
+    position?: TooltipPosition;
+    trigger?: "hover" | "click" | "mixed";
+    clickBehavior?: ClickBehavior;
+    className?: string;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/components/Ui/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Tooltip } from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const EdgeCases: Story;
+export declare const AllPositions: Story;
+export declare const InteractiveExample: Story;

package/dist/components/Ui/Tree/Tree.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import { Tree } from './TreeEl';
+export type TypeNodeFlows = {
+    id: string | number;
+    name: string;
+    type: "folder" | "file";
+    modifiedAt?: string;
+    size?: string;
+    fileType?: string;
+    branches?: TypeNodeFlows[];
+};
+declare const meta: Meta<typeof Tree<TypeNodeFlows>>;
+export default meta;
+export declare const WithCustomKeys: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./TreeEl/tree-types').TreeProps<TypeNodeFlows>>;

package/dist/components/Ui/Tree/TreeEl/Tree.d.ts

@@ -0,0 +1,3 @@
+import { TreeNodeBase } from '../types-tree';
+import { TreeProps } from './tree-types';
+export declare const Tree: <T extends TreeNodeBase>({ data, childrenKey, idKey, nameKey, typeKey, onSelect, defaultExpandedKeys, autoExpandParent, expandedKeys: externalExpandedKeys, onExpandedKeysChange, selectedKey: controlledSelectedKey, isFetching, isAllExpanded, wrapperTreeClassName, TreeItemClassName, TreeItemContentClassName, }: TreeProps<T>) => JSX.Element;

package/dist/components/Ui/Tree/TreeEl/index.d.ts

@@ -0,0 +1 @@
+export * from './Tree';

package/dist/components/Ui/Tree/TreeEl/tree-types.d.ts

@@ -0,0 +1,20 @@
+import { TreeNodeBase } from '../types-tree';
+export type TreeProps<T extends TreeNodeBase> = {
+    data: T[];
+    childrenKey?: keyof T | string;
+    idKey?: keyof T | string;
+    nameKey?: keyof T | string;
+    typeKey?: keyof T | string;
+    onSelect?: (node: T) => void;
+    defaultExpandedKeys?: (string | number)[];
+    expandedKeys?: (string | number)[];
+    onExpandedKeysChange?: (keys: (string | number)[]) => void;
+    autoExpandParent?: boolean;
+    selectedKey?: string | number | null;
+    setSectedKey?: (value: string | number | null) => void;
+    isFetching?: boolean;
+    isAllExpanded?: boolean;
+    wrapperTreeClassName?: string;
+    TreeItemClassName?: string;
+    TreeItemContentClassName?: string;
+};

package/dist/components/Ui/Tree/TreeItem/TreeItem.d.ts

@@ -0,0 +1,5 @@
+import { TreeNodeBase } from '../types-tree';
+import { TreeItemProps } from './treeItem-types';
+declare const TreeItem: <T extends TreeNodeBase>({ node, onSelect, level, childrenKey, idKey, nameKey, typeKey, expandedKeys, onExpand, selectedKey, isFetching, TreeItemClassName, TreeItemContentClassName, }: TreeItemProps<T>) => JSX.Element;
+declare const _default: typeof TreeItem;
+export default _default;

package/dist/components/Ui/Tree/TreeItem/treeItem-types.d.ts

@@ -0,0 +1,16 @@
+import { TreeNodeBase } from '../types-tree';
+export type TreeItemProps<T extends TreeNodeBase> = {
+    node: T;
+    onSelect?: (node: T) => void;
+    level?: number;
+    childrenKey?: keyof T | string;
+    idKey?: keyof T | string;
+    nameKey?: keyof T | string;
+    typeKey?: keyof T | string;
+    expandedKeys: (string | number)[];
+    onExpand?: (key: string | number) => void;
+    selectedKey?: string | number | null;
+    isFetching?: boolean;
+    TreeItemClassName?: string;
+    TreeItemContentClassName?: string;
+};

package/dist/components/Ui/Tree/TreeList/TreeList.d.ts

@@ -0,0 +1,4 @@
+import { TreeNodeBase } from '../types-tree';
+import { TreeListProps } from './treeList-types';
+declare const TreeList: <T extends TreeNodeBase>({ node, onSelect, childrenKey, expandedKeys, onExpand, level, selectedKey, idKey, nameKey, typeKey, isFetching, TreeItemClassName, TreeItemContentClassName, }: TreeListProps<T>) => JSX.Element;
+export default TreeList;

package/dist/components/Ui/Tree/TreeList/treeList-types.d.ts

@@ -0,0 +1,17 @@
+import { TreeNodeBase } from '../types-tree';
+export type TreeListProps<T extends TreeNodeBase> = {
+    node: T;
+    level?: number;
+    onSelect?: (node: T) => void;
+    childrenKey?: keyof T | string;
+    expandedKeys?: (string | number)[];
+    idKey?: keyof T | string;
+    nameKey?: keyof T | string;
+    typeKey?: keyof T | string;
+    onExpand?: (key: string | number) => void;
+    autoExpandParent?: boolean;
+    selectedKey?: string | number | null;
+    isFetching?: boolean;
+    TreeItemClassName?: string;
+    TreeItemContentClassName?: string;
+};

package/dist/components/Ui/Tree/index.d.ts

@@ -0,0 +1 @@
+export * from './TreeEl';

package/dist/components/Ui/Tree/types-tree.d.ts

@@ -0,0 +1,7 @@
+export interface FileNode {
+    id: string;
+    name: string;
+    type: "folder" | "file";
+    children?: FileNode[];
+}
+export type TreeNodeBase = Record<string, unknown>;

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

@@ -0,0 +1,22 @@
+export * from './Alert';
+export * from './Button';
+export * from './Checkbox';
+export * from './Icons';
+export * from './Radio';
+export * from './Switch';
+export * from './Table';
+export * from './TextInput';
+export * from './DropdownMenu';
+export * from './Pagination';
+export * from './Badge';
+export * from './Tree';
+export * from './DropdownInput';
+export * from './Accordeon';
+export * from './CustomLink';
+export * from './TextareaInput';
+export * from './Skeleton';
+export * from './Avatar';
+export * from './Loader';
+export * from './FileUpload';
+export * from './Form';
+export * from './CliTextareaInput';

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Ui';

package/dist/context/ToastContext/ToastContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface ToastContextType {
+    addToast: (message: string) => void;
+}
+export declare const useToast: () => ToastContextType;
+export declare const ToastProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export {};

package/dist/context/ToastContext/index.d.ts

@@ -0,0 +1 @@
+export * from './ToastContext';

package/dist/context/TriaflyContext/TriaflyContext.types.d.ts

@@ -0,0 +1,7 @@
+import { BreakpointValuesTriafly, Theme, useModalState } from './hooks';
+export interface TriaflyContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
+    useModalState: typeof useModalState;
+}

package/dist/context/TriaflyContext/TriaflyProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { TriaflyContextType } from './TriaflyContext.types';
+export declare const TriaflyContext: import('react').Context<TriaflyContextType | undefined>;
+export declare const useTriafly: () => TriaflyContextType;
+export declare const TriaflyProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;

package/dist/context/TriaflyContext/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useBreakpointValue';
+export * from './useTheme';
+export * from './useModal';

package/dist/context/TriaflyContext/hooks/useBreakpointValue/index.d.ts

@@ -0,0 +1 @@
+export * from './useBreakpointValue';

package/dist/context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.d.ts

@@ -0,0 +1,8 @@
+export type BreakpointValuesTriafly<T> = {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+};
+export declare const useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;

package/dist/context/TriaflyContext/hooks/useModal/index.d.ts

@@ -0,0 +1 @@
+export * from './useModal';

package/dist/context/TriaflyContext/hooks/useModal/useModal.d.ts

@@ -0,0 +1,6 @@
+export interface UseModalReturn {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+}
+export declare const useModalState: () => UseModalReturn;

package/dist/context/TriaflyContext/hooks/useTheme/index.d.ts

@@ -0,0 +1 @@
+export * from './useTheme';

package/dist/context/TriaflyContext/hooks/useTheme/useTheme.d.ts

@@ -0,0 +1,5 @@
+export type Theme = "light" | "dark";
+export declare const useThemeLogic: () => {
+    theme: Theme;
+    toggleTheme: () => void;
+};

package/dist/context/TriaflyContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TriaflyProvider';
+export * from './hooks';

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ToastContext';
+export * from './TriaflyContext';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './context';
+export * from './components';

package/dist/triafly-ui-kit.css

@@ -0,0 +1 @@
+@charset "UTF-8";._Wrapper_12sk9_1{position:fixed;bottom:20px;right:20px;z-index:101;display:flex;flex-direction:column;gap:10px}._Toast_12sk9_11{color:var(--color-text-primary-inversed);padding:20px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;min-width:250px;max-width:400px;font-size:16px;box-shadow:0 6px 15px -2px var(--effect-shadow-L, rgba(18, 18, 18, .08));animation:_fadeIn_12sk9_1 .5s ease-in-out;background-color:var(--color-bg-neutral-basic-inversed)}@keyframes _fadeIn_12sk9_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}.alert{border-radius:12px;padding:24px 20px;display:flex;align-items:center;font-size:16px;font-weight:600}.alert.multiline{flex-direction:column;align-items:flex-start;padding:16px}.alert.multiline svg{margin:0 0 12px}.alert.success{background-color:var(--color-status-success-background);color:var(--color-status-success-foreground)}.alert.success svg *{fill:var(--color-status-success-foreground)}.alert.error{background-color:var(--color-status-error-background);color:var(--color-status-error-foreground)}.alert.error svg *{fill:var(--color-status-error-foreground)}.alert.warning{background-color:var(--color-status-warning-background);color:var(--color-status-warning-foreground)}.alert.warning svg *{fill:var(--color-status-warning-foreground)}.alert svg{margin:0 12px 0 0}button.btn{--height-sm: 28px;--height-md: 36px;--height-lg: 44px;--height: var(--height-md);flex-shrink:0;background-color:var(--color-bg-brand-default);color:var(--light-color-static)!important;display:flex;justify-content:center;align-items:center;height:var(--height);border-radius:calc(var(--height) / 2);border:none;padding:10px 16px;cursor:pointer;transition:.15s all}button.btn:hover{background-color:var(--color-bg-brand-hover)}button.btn svg *{fill:var(--light-color-static)}button.btn span{color:var(--light-color-static)}button.btn[disabled]{opacity:50%;cursor:default;pointer-events:none}button.btn.brand-light{background-color:var(--color-bg-brand-lightest-default);color:var(--light-color-static-brand)!important}button.btn.brand-light:hover{background-color:var(--color-button-brandlight-filled-hover)}button.btn.brand-light svg *{fill:var(--light-color-static-brand)}button.btn.brand-light span{color:var(--light-color-static-brand)}button.btn.gray{background-color:var(--color-bg-neutral-lightest-default);color:var(--color-text-primary-default)!important}button.btn.gray:hover{background-color:var(--color-bg-neutral-medium-default)}button.btn.gray svg *{fill:var(--color-text-primary-default)}button.btn.gray span{color:var(--color-text-primary-default)}button.btn.danger{background-color:var(--color-bg-error-default);color:var(--light-color-static)!important}button.btn.danger:hover{background-color:var(--color-bg-error-hover)}button.btn.danger svg *{fill:var(--light-color-static)}button.btn.danger span{color:var(--light-color-static)}button.btn.outlined{background-color:transparent!important;border:1px solid var(--color-border-brand-default);color:var(--color-border-brand-default)}button.btn.outlined[disabled]{pointer-events:none}button.btn.outlined:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-border-brand-default)}button.btn.outlined span{color:var(--color-border-brand-default)}button.btn.outlined svg *{fill:var(--color-border-brand-default)}button.btn.outlined.gray{background-color:transparent!important;border:1px solid var(--color-border-secondary-default);color:var(--color-text-primary-default)}button.btn.outlined.gray[disabled]{pointer-events:none}button.btn.outlined.gray:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-border-secondary-default)}button.btn.outlined.gray span{color:var(--color-text-primary-default)}button.btn.outlined.gray svg *{fill:var(--color-text-primary-default)}button.btn.outlined.danger{background-color:transparent!important;border:1px solid var(--color-bg-error-default);color:var(--color-bg-error-default)}button.btn.outlined.danger[disabled]{pointer-events:none}button.btn.outlined.danger:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-bg-error-default)}button.btn.outlined.danger span{color:var(--color-bg-error-default)}button.btn.outlined.danger svg *{fill:var(--color-bg-error-default)}button.btn.sm{--height: var(--height-sm);padding:6px 12px}button.btn.sm span{font-size:12px}button.btn.lg{--height: var(--height-lg);padding:12px 20px}button.btn.icon-button{width:var(--height);height:var(--height);padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center}button.btn.icon-button *{margin:0!important}button.btn.semiround{border-radius:6px}button.btn.semiround.lg{border-radius:8px}button.btn.loading .btn-label{color:transparent}button.btn .arrow{margin:0 10px 0 0}button.btn .arrow:last-child{margin:0 0 0 10px;transform:rotate(180deg)}button.btn .icon{margin:0 8px 0 0;display:flex}button.btn .icon-tail{display:flex;margin:0 0 0 8px}.loader{position:absolute;animation:rotate 2s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader.centered{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.checkbox-container{display:flex;flex-direction:column;align-items:flex-start}.checkbox-container:not(:last-child){margin:0 0 8px}.checkbox-container .checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-container .checkbox{display:inline-flex;align-items:center;line-height:16.8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container .checkbox.disabled{opacity:50%;cursor:default}.checkbox-container .checkbox .checkmark{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px solid var(--color-border-primary-default);border-radius:4px;margin:0 8px 0 0;transition:all .1s ease}.checkbox-container .checkbox input[type=checkbox]:checked+.checkmark{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.checkbox-container .checkbox input[type=checkbox]:checked+.checkmark:after{content:"";display:block;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.8192 1.05614C12.1853 1.42227 12.1853 2.01586 11.8191 2.38197L5.25665 8.94417C4.89054 9.31026 4.29698 9.31027 3.93087 8.94418L0.649617 5.66323C0.283484 5.29713 0.283458 4.70354 0.649558 4.3374C1.01566 3.97127 1.60925 3.97124 1.97538 4.33734L4.59374 6.95546L10.4934 1.05611C10.8595 0.690002 11.4531 0.690016 11.8192 1.05614Z' fill='white'/></svg>");background-repeat:no-repeat;background-position:center}.checkbox-container .checkbox.indeterminate .checkmark{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.checkbox-container .checkbox.indeterminate .checkmark:after{content:"";display:block;background-color:var(--base-light);width:10px;height:2.5px;border-radius:1px}.radio{display:flex;align-items:center}.radio:not(:last-child){margin:0 0 8px}.radio.disabled{cursor:default;opacity:40%}.radio input[type=radio]{display:none}.radio input[type=radio]:checked+.checkmark{border:5px solid var(--color-bg-brand-default)}.radio .radio-label{display:flex;align-items:center;cursor:pointer}.radio .radio-label .test{line-height:16.8px}.radio .checkmark{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);margin-right:8px;transition:.04s;-webkit-user-select:none;user-select:none}:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}.switch-container:not(:last-child){margin:0 0 12px}.switch-container label{display:flex;align-items:center;justify-content:space-between}.switch input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.switch{display:inline-flex;align-items:center;line-height:16.8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch.disabled{opacity:50%;cursor:default}.switch input[type=checkbox]+.slider{display:flex;align-items:center;width:43px;height:24px;border:1px solid var(--color-bg-brand-default);border-radius:12px;transition:all .2s;margin:0 0 0 8px}.switch input[type=checkbox]+.slider:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background-color:var(--color-bg-brand-default);margin:0 2px;transition:all .2s}.switch input[type=checkbox]:checked+.slider{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.switch input[type=checkbox]:checked+.slider:after{background-color:var(--light-color-static);margin:0 0 0 20px}.table-component{width:100%;overflow:auto;position:relative}.table-component__wrapper{width:100%}.table-component__wrapper.bordered{border:1px solid var(--color-border-primary-default);border-radius:8px}.table-component__wrapper__table{width:100%;border-collapse:separate;border-spacing:0}.table-component__wrapper__table.bordered{border:none}.table-component__wrapper__table__thead{background-color:var(--color-bg-innerisland-default);height:41px}.table-component__wrapper__table__thead.stickyHeader{position:sticky;top:0;z-index:10}.table-component__wrapper__table__thead__tr:hover{background-color:var(--color-bg-island-selected)}.table-component__wrapper__table__thead__th{padding:12px;text-align:left;position:relative}.table-component__wrapper__table__thead__th.bordered{border-left:1px solid var(--color-border-primary-default);border-bottom:none}.table-component__wrapper__table__thead__th.bordered:first-child{border-left:none}.table-component__wrapper__table__thead__th.stickyLeft{position:sticky;left:0;background-color:inherit;z-index:9}.table-component__wrapper__table__thead__th .th-content{display:flex;align-items:center;gap:4px}.table-component__wrapper__table__thead__th .sort-icon{display:inline-flex}.table-component__wrapper__table__tbody__tr:hover{background-color:var(--color-bg-island-selected)}.table-component__wrapper__table__tbody--hoverable{cursor:pointer}.table-component__wrapper__table__tbody__td{padding:12px}.table-component__wrapper__table__tbody__td--bordered{border-top:1px solid var(--color-border-primary-default);border-left:1px solid var(--color-border-primary-default)}.table-component__wrapper__table__tbody__td--bordered:first-child{border-left:none}.table-component__wrapper__table__tbody__td--sticky-left{position:sticky;left:0;background-color:inherit;z-index:8}.table-component__wrapper.borderBottom .table-component__wrapper__table__tbody td{border-bottom:1px solid var(--color-border-primary-default)}.text-input{display:flex;flex-direction:column}.text-input label{margin:0 0 8px}.text-input .input-container{display:flex;position:relative;z-index:0}.text-input .input-container.has-icon input{padding:10px 8px 10px 36px}.text-input .input-container.has-icon input:active,.text-input .input-container.has-icon input:focus{padding:9px 7px 9px 35px}.text-input .input-container.has-icon .icon{position:absolute;left:8px;top:calc(50% - 10px);z-index:2}.text-input .input-container.has-icon .icon *{fill:var(--color-icon-secondary-default)}.text-input .input-container input{border:1px solid var(--color-border-primary-default);border-radius:8px;height:44px;padding:10px 8px;outline:none;background-color:var(--color-bg-neutral-basic-default);z-index:1;flex-grow:1;color:var(--color-text-primary-default)}.text-input .input-container input[disabled]{background-color:var(--color-bg-island-disabled);pointer-events:none}.text-input .input-container input::placeholder{color:var(--color-text-secondary-default)}.text-input .input-container input:active,.text-input .input-container input:focus{border:2px solid var(--color-border-primary-default);padding:9px 7px}.text-input .input-container input.has-icon{padding:10px 8px 10px 36px}.text-input.sm.rounded input{border-radius:18px}.text-input.sm .input-container input{height:36px}.text-input.rounded input{border-radius:22px}.text-input.invalid input,.text-input.invalid input:active,.text-input.invalid input:focus{border-color:var(--color-border-error-default);color:var(--color-border-error-default)}.text-input.invalid .icon *{fill:var(--color-border-error-default)!important}.text-input.invalid .helper-text{color:var(--color-border-error-default)}.text-input.clearable input{padding-right:36px!important}.text-input.clearable .clear-value{position:absolute;right:8px;top:calc(50% - 10px);cursor:pointer;z-index:1;height:20px}.text-input.clearable .clear-value *{fill:var(--color-icon-secondary-default)}.text-input .helper-text{font-size:12px;color:var(--color-text-secondary-default);margin:8px 0 0}.text-input .loader{position:absolute;right:8px;top:calc(50% - 10px)}.text-input .loader *{fill:var(--color-icon-secondary-default)}.dropdowm-menu{position:relative;width:20px;height:20px}.dropdowm-menu.open{z-index:5}.dropdowm-menu.open .menu-list{display:flex}.dropdowm-menu.open .fader{display:block}.dropdowm-menu .menu-trigger{width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropdowm-menu .menu-trigger .dots{position:relative}.dropdowm-menu .menu-trigger .dots,.dropdowm-menu .menu-trigger .dots:before,.dropdowm-menu .menu-trigger .dots:after{display:block;width:3px;height:3px;border-radius:50%;background-color:var(--color-icon-brand-default)}.dropdowm-menu .menu-trigger .dots:before,.dropdowm-menu .menu-trigger .dots:after{content:"";position:absolute}.dropdowm-menu .menu-trigger .dots:before{top:5px}.dropdowm-menu .menu-trigger .dots:after{bottom:5px}.dropdowm-menu .fader{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-fader)}.dropdowm-menu .menu-list{box-sizing:border-box;display:none;position:fixed;bottom:0;border-radius:16px 16px 0 0;width:100%;height:auto;left:0;flex-direction:column;padding:8px;margin:0;background-color:var(--color-bg-neutral-basic-default);box-shadow:0 0 10px -2px var(--effects-effect-shadow-XL, rgba(18, 18, 18, .15))}.dropdowm-menu .menu-list:before{content:"";display:block;width:24px;height:2px;margin:0 auto 20px;background-color:var(--color-border-primary-default)}.dropdowm-menu .menu-list .menu-item{min-height:44px;padding:0 8px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.dropdowm-menu .menu-list .menu-item.danger *{color:var(--color-text-error-default);fill:var(--color-text-error-default)}.dropdowm-menu .menu-list .menu-item svg{width:20px;flex-shrink:0;margin:0 8px 0 0}.dropdowm-menu .menu-list .menu-item svg *{color:var(--color-text-primary-default)}.dropdowm-menu .menu-list .menu-item .label{white-space:nowrap;color:var(--color-text-primary-default)}@media screen and (min-width: 834px){.dropdowm-menu.open .fader{display:none}.dropdowm-menu .menu-list{position:absolute;border-radius:8px;box-shadow:0 0 10px -2px var(--effect-shadow-XL, rgba(18, 18, 18, .15));border:none;left:unset;right:unset;top:unset;bottom:unset;height:unset;width:auto}.dropdowm-menu .menu-list:before{display:none}.dropdowm-menu .menu-list[data-x-fit=right]{right:0}.dropdowm-menu .menu-list[data-x-fit=center]{transform:translate(calc(-50% + 10px))}.dropdowm-menu .menu-list[data-x-fit=left]{left:0}.dropdowm-menu .menu-list[data-y-fit=top]{bottom:100%;margin:0 0 5px}.dropdowm-menu .menu-list[data-y-fit=bottom]{top:100%;margin:5px 0 0}.dropdowm-menu .menu-list .menu-item{min-height:36px}}.Pagination__Wrap{display:flex;align-items:center;justify-content:center}.pagination{display:flex;list-style:none;padding:0}.page-item{margin:0 8px 0 0}.page-item:last-of-type{margin:0}.page-link{cursor:pointer;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary-default)}.page-link:hover{background-color:var(--color-bg-brand-lightest-default);color:var(--color-text-brand-default)}.active .page-link{background-color:var(--color-bg-brand-default);color:var(--light-color-static)}.page-toggler.disabled .page-link{pointer-events:none}.page-toggler.disabled .page-link svg *{fill:var(--color-icon-secondary-default)}.page-toggler .page-link:hover{background-color:transparent}.page-toggler .page-link:hover svg *{fill:var(--color-icon-brand-default)}._badge_mb34a_3{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:50px;border:1px solid;font-size:12px;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:fit-content;max-width:max-content;transition:background-color .2s ease,color .2s ease}._outline_mb34a_20{border:1px solid currentColor;background-color:transparent}._solid_mb34a_25{color:#fff;border:none}._subtle_mb34a_30{background-color:#0000000d}._default_mb34a_35{color:var(--color-text-brand-default);border-color:var(--color-border-brand-default)}._done_mb34a_40,._success_mb34a_41{color:var(--color-status-success-foreground);background-color:var(--color-status-success-background)}._warning_mb34a_46{color:var(--color-status-warning-foreground);background-color:var(--color-status-warning-background)}._error_mb34a_51{color:var(--color-status-error-foreground);background-color:var(--color-status-error-background)}._active_mb34a_56{color:var(--color-text-primary-default);border-color:var(--color-border-secondary-default)}._blocked_mb34a_61{color:var(--color-status-error-foreground)}._icon_mb34a_66{display:flex;align-items:center;font-size:14px}._clickable_mb34a_73{cursor:pointer}._clickable_mb34a_73:hover{filter:brightness(.9)}@font-face{font-family:Roboto Slab;src:url(../../../../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../../../../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../../../../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../../../../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../../../../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}._tree-item_19n2d_76{padding:4px;border-radius:4px;cursor:pointer;margin-left:10px;width:100%}._tree-item_19n2d_76 ._tree-item-toggle_19n2d_83{cursor:pointer}._tree-item_19n2d_76 ._tree-item-toggle-placeholder_19n2d_86{background-color:red}._tree-item_19n2d_76 ._tree-item-loader_19n2d_89{width:20px;height:20px;display:flex;align-items:center;justify-content:flex-end;position:relative}._tree-item_19n2d_76 ._tree-item-toggle-icon-folder_19n2d_97{color:var(--color-icon-secondary-default)}._tree-item_19n2d_76 ._test_19n2d_100{fill:var(--color-icon-secondary-default)}._tree-item_19n2d_76 ._tree-item-content_19n2d_103{display:flex;gap:8px;align-items:center;cursor:pointer;padding:9.5px 16px}._tree-item_19n2d_76 ._tree-item-content_19n2d_103 span{font-size:14px;font-weight:400}._tree-item_19n2d_76 ._tree-item-content_19n2d_103._selected_19n2d_114{background-color:var(--color-bg-island-selected);border-radius:4px}._tree-item_19n2d_76 ._tree-item-lebal_19n2d_118{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100px}._tree-wrapper_1yvw0_1{max-height:100%;width:100%;overflow-y:auto}.dropdown-input{display:flex;flex-direction:column;min-width:200px}.dropdown-input.sm .input-box{height:36px}.dropdown-input__native{display:none}.dropdown-input label{margin:0 0 8px}.dropdown-input .input-box{position:relative;border:1px solid var(--color-border-primary-default);border-radius:8px;padding:10px 8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;height:44px;background-color:var(--color-bg-neutral-basic-default)}.dropdown-input .input-box.opened{border:2px solid var(--color-border-primary-default);padding:9px 7px}.dropdown-input .input-box.disabled{background-color:var(--color-bg-island-disabled);pointer-events:none}.dropdown-input .input-box.invalid{border-color:var(--color-border-error-default)}.dropdown-input .input-box.invalid>span{color:var(--color-border-error-default)}.dropdown-input .input-box.invalid svg *{fill:var(--color-border-error-default)}.dropdown-input .input-box .placeholder,.dropdown-input .input-box .input-value,.dropdown-input .input-box .options li{color:var(--color-text-primary-default)}.dropdown-input .input-box .caret *{fill:var(--color-icon-secondary-default)}.dropdown-input .options{position:absolute;top:100%;bottom:auto;left:0;right:0;max-height:304px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default);margin:1px -1px 0;z-index:21}.dropdown-input .options.above{bottom:calc(100% + 1px);top:auto}.dropdown-input .options li{padding:0 8px;min-height:36px;cursor:pointer;display:flex;align-items:center}.dropdown-input .options li:hover,.dropdown-input .options li.dropdown-input__option--selected{background-color:var(--color-bg-neutral-lightest-default)}.dropdown-input .helper-text{font-size:12px;color:var(--color-text-secondary-default);margin:8px 0 0;display:flex;align-items:center}.dropdown-input .helper-text.error{color:var(--color-border-error-default)}.dropdown-input .helper-text.error .icon{margin:0 4px 0 0}.dropdown-input .helper-text.error .icon>*{fill:var(--color-border-error-default)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}.accordeon{background-color:var(--color-bg-neutral-lightest-default);border-radius:8px}.accordeon .title{cursor:pointer;padding:12px 10px;transition:background-color .3s;font-size:14px;font-weight:400;display:flex;align-items:center;gap:8px}.accordeon .content-wrapper{max-height:0;overflow:hidden}.accordeon .content{background-color:var(--color-bg-innerisland-default)}.link{color:var(--color-text-brand-default);text-decoration:none;display:flex;align-items:center}.link:hover{color:var(--color-text-brand-hover)}.link.external{display:flex;align-items:center}.link .icon{margin-right:8px}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}.textarea-input{display:flex;flex-direction:column;resize:none}.textarea-input label{margin:0 0 8px}.textarea-input .char-limit{text-align:right;margin-top:8px;font-size:12px;font-weight:400;color:var(--color-text-secondary-default)}.textarea-input .textarea-wrapper{position:relative}.textarea-input textarea{border:1px solid var(--color-border-primary-default);border-radius:8px;padding:10.5px 8px;color:var(--color-text-primary-default);max-width:100%;min-width:100%;min-height:64px;resize:both;background-color:var(--color-bg-neutral-basic-default);font-size:14px;font-weight:400}.textarea-input textarea[disabled]{background-color:var(--color-bg-island-disabled);pointer-events:none}.textarea-input textarea::placeholder{color:var(--color-text-secondary-default)}.textarea-input textarea:focus{border:2px solid var(--color-border-primary-default);padding:9.5px 7px}.textarea-input textarea.no-resize{resize:none}.textarea-input .helper-text{font-size:12px;color:var(--color-text-secondary-default);margin:8px 0 0}.textarea-input.invalid textarea{border-color:var(--color-border-error-default);color:var(--color-border-error-default)}.textarea-input.invalid svg *{fill:var(--color-border-error-default)}.textarea-input.invalid .helper-text{color:var(--color-border-error-default)}.textarea-input.clearable textarea{padding-right:36px!important}.textarea-input.clearable .clear-value{position:absolute;right:8px;top:8px;cursor:pointer;z-index:1;height:20px}.textarea-input.clearable .clear-value *{fill:var(--color-icon-secondary-default)}._skeleton_yatxz_1{display:inline-block;background-color:var(--color-bg-island-selected)}._animated_yatxz_6{background:linear-gradient(90deg,var(--color-bg-island-selected) 25%,var(--color-bg-island-selected) 50%,var(--color-bg-island-selected) 75%);background-size:200% 100%;animation:_skeleton-loading_yatxz_1 1.5s infinite linear}@keyframes _skeleton-loading_yatxz_1{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar{height:44px;width:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;overflow:hidden;cursor:default;flex-shrink:0;background-color:gray;color:#fff}@font-face{font-family:Roboto Slab;src:url(../../../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../../../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../../../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../../../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../../../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.file-upload{width:100%;max-width:600px;margin:0 auto}.file-upload__input{display:none}.file-upload__loading{border:2px dashed var(--color-border-brand-default);height:206px;display:flex;justify-content:center;position:relative;align-items:center;border-radius:16px;flex-direction:column;gap:10px}.file-upload__loading svg *{fill:var(--color-icon-brand-default)}.file-upload__label{display:block;cursor:pointer}.file-upload__label.disabled{cursor:auto;opacity:.7}.file-upload__drop-area{border:2px dashed var(--color-border-brand-default);border-radius:16px;padding:16px 20px;text-align:center;gap:20px;display:flex;flex-direction:column;align-items:center}.file-upload__drop-area.dragging{background-color:var(--color-bg-brand-lightest-default)}.file-upload__drop-area.error{border:2px dashed var(--color-text-error-default)}.file-upload__drop-area:hover:not(.disabled){background-color:var(--color-bg-brand-lightest-default)}.file-upload__drop-area p{font-size:14px;font-weight:400}.file-upload__formats{display:flex;flex-direction:column;gap:4px}.file-upload__formats span{font-size:12px;font-weight:400;color:var(--color-text-secondary-default)}.file-upload__files-list{margin-top:20px;display:flex;max-height:200px;overflow-y:auto}.file-upload__files-list ul{display:flex;flex-direction:column;gap:20px;width:100%}.file-upload__file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 8px;border-radius:8px;border:1px solid var(--color-border-primary-default)}.file-upload__file-info{display:flex;align-items:center;gap:12px}.file-upload__box-icon{border-radius:4px;background-color:var(--color-bg-innerisland-default);height:50px;width:50px;align-items:center;display:flex;justify-content:center}.file-upload__box-icon svg *{color:var(--color-icon-secondary-default)}.file-upload__block-text{display:flex;flex-direction:column;gap:5px}.file-upload__file-size{font-size:12px;font-weight:400;color:var(--color-text-secondary-default)}.file-upload__file-error{color:#f5222d;font-size:12px}.file-upload__remove-btn{background:none;border:1px solid #f5222d;color:#f5222d;padding:4px 8px;border-radius:4px;cursor:pointer}.file-upload__remove-btn:hover{background-color:#fff1f0}.file-upload__remove-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload__submit-btn{margin-top:20px;background-color:#52c41a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.file-upload__submit-btn:hover{background-color:#73d13d}.file-upload__submit-btn:disabled{background-color:#d9d9d9;cursor:not-allowed}form .form-group{padding:12px;border-radius:8px;background-color:var(--color-bg-neutral-lightest-default)}form .form-group:not(:last-of-type){margin:0 0 12px}form .form-controls{margin:28px 0 0;display:flex;gap:12px}form .columns-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}.cli-textarea-input{height:100%;width:100%;position:relative;display:flex}.cli-textarea-input .line-numbers{position:absolute;width:40px;height:100%;padding:10px 8px 0;text-align:right;color:#6e7681;background-color:var(--color-bg-innerisland-default);border-right:1px solid var(--color-border-primary-default);overflow-y:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0;white-space:nowrap;font-family:monospace;font-size:14px}.cli-textarea-input .line-numbers .line-number{height:24px;line-height:24px;white-space:nowrap;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight{flex-grow:1;position:relative;height:100%}.cli-textarea-input .input-with-highlight textarea{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:transparent;caret-color:var(--color-text-primary-default);border:none;z-index:2}.cli-textarea-input .input-with-highlight textarea.no-resize{resize:none}.cli-textarea-input .input-with-highlight .formatted-content{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border:1px solid var(--color-border-primary-default);border-top-left-radius:4px;border-top-right-radius:4px;z-index:1;overflow:hidden;overflow-wrap:break-word}.cli-textarea-input .input-with-highlight textarea,.cli-textarea-input .input-with-highlight .formatted-content{font-family:monospace;font-size:14px;line-height:24px;padding:10px 8px 0 40px;white-space:pre-wrap;word-wrap:break-word}.cli-textarea-input .input-with-highlight .json-key{color:#1bafff;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-string{color:#b76545;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-number{color:#6bf89f;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-literal{color:#1bafff;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-bracket{color:#ffa200;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .json-nested-bracket{color:#7dc4ff;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .formatted-content.yml .comment,.cli-textarea-input .input-with-highlight .formatted-content.yml .boolean,.cli-textarea-input .input-with-highlight .formatted-content.yml .number,.cli-textarea-input .input-with-highlight .formatted-content.yml .string,.cli-textarea-input .input-with-highlight .formatted-content.yml .key{font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .formatted-content.yml .key{color:#c678dd}.cli-textarea-input .input-with-highlight .formatted-content.yml .string{color:#98c379}.cli-textarea-input .input-with-highlight .formatted-content.yml .number{color:#d19a66}.cli-textarea-input .input-with-highlight .formatted-content.yml .boolean{color:#56b6c2}.cli-textarea-input .input-with-highlight .formatted-content.yml .comment{color:#5c6370;font-style:italic}.cli-textarea-input .input-with-highlight .xml-tag{color:#d63384;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .xml-attr{color:#0d6efd;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .xml-value{color:#20c997;font-family:monospace;font-size:14px}.cli-textarea-input .input-with-highlight .prompt{color:#ff0404;-webkit-user-select:none;user-select:none;pointer-events:none}

package/dist/ui-kit.es.d.ts

@@ -0,0 +1,2 @@
+export * from './index'
+export {}