@webitel/ui-sdk 25.8.44 → 25.8.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.8.44",
+  "version": "25.8.46",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
@@ -56,7 +56,7 @@
     "@vuepic/vue-datepicker": "^4.5.1",
     "@vueuse/components": "^13.0.0",
     "@webitel/api-services": "^0.0.33",
-    "@webitel/styleguide": "^24.12.51",
+    "@webitel/styleguide": "^24.12.53",
     "autosize": "^6.0.1",
     "axios": "^1.8.3",
     "clipboard-copy": "^4.0.1",

package/src/components/transitions/cases/wt-replace-transition.vue

@@ -1,9 +1,9 @@
 <template>
   <wt-transition
-    :appear="appear"
-    :duration="duration"
-    :mode="mode"
     :name="transitionName"
+    :appear="props.appear"
+    :duration="props.duration"
+    :mode="props.mode"
     class="wt-replace-transition"
   >
     <template #default>
@@ -19,7 +19,6 @@ import WtTransition from '../wt-transition.vue';
 
 const props = defineProps({
   // can choose replace pattern [opacity, slide-up ets]
-  // ATTENTION!! need to add another names(patterns) to <wt-transition/>, now we have fade-opacity only
   pattern: {
     type: String,
     default: 'opacity',

package/src/components/transitions/wt-transition.vue

@@ -1,10 +1,10 @@
 <template>
   <transition
-    :appear="appear"
-    :class="[`wt-transition--${duration}`]"
-    :mode="mode"
-    :name="name"
+    :name="props.name"
+    :appear="props.appear"
+    :mode="props.mode"
     class="wt-transition"
+    :class="[`wt-transition--${props.duration}`]"
   >
     <slot />
   </transition>
@@ -32,17 +32,10 @@ const props = defineProps({
 </script>
 
 <style lang="scss" scoped>
-.wt-transition {
-  &--fast {
-    transition-duration: var(--transition-fast);
-  }
-  &--normal {
-    transition-duration: var(--transition-normal);
-  }
-  &--slow {
-    transition-duration: var(--transition-slow);
-  }
-}
+/*
+* Transition classes, what based at transition name (.fade-opacity, .fade-slide ets)
+* need to be pleased BEFORE classic classes (.wt-transition ets)
+**/
 
 // opacity
 .fade-opacity-enter-active,
@@ -71,4 +64,16 @@ const props = defineProps({
 .fade-slide-up-leave-from {
   transform: translateY(0);
 }
+
+.wt-transition {
+  &--fast {
+    transition-duration: var(--transition-fast);
+  }
+  &--normal {
+    transition-duration: var(--transition-normal);
+  }
+  &--slow {
+    transition-duration: var(--transition-slow);
+  }
+}
 </style>

package/src/components/wt-chip/wt-chip.vue

@@ -1,29 +1,36 @@
 <template>
-  <span
-    :class="`wt-chip--${color}-color`"
-    class="wt-chip"
+  <p-chip
+    :class="`p-chip-${color}`"
+    :removable="removable"
   >
     <slot />
-  </span>
+    <template #removeicon>
+      <wt-icon class="wt-chip__close-icon" icon="close--filled" />
+    </template>
+  </p-chip>
 </template>
 
-<script>
-export default {
-  name: 'WtChip',
-  props: {
-    /**
-     * The color of the chip
-     * @values main, primary, secondary, success, warning, error, transfer
-     */
-    color: {
-      type: String,
-      default: 'main',
-    },
-  },
-};
+<script setup lang="ts">
+import type { ChipProps } from 'primevue/chip';
+import { defineProps, withDefaults  } from 'vue';
+
+import { ChipColor } from '../../enums'
+
+interface WtProps extends ChipProps {
+  color?: ChipColor;
+}
+
+withDefaults(defineProps<WtProps>(), {
+  color: ChipColor.MAIN,
+  removable: false,
+});
 </script>
 
 <style lang="scss">
 @use './variables.scss';
 @use './wt-chip.scss';
+
+.wt-chip__close-icon {
+  cursor: pointer;
+}
 </style>

package/src/components/wt-rounded-action/wt-rounded-action.vue

@@ -123,6 +123,7 @@ watch(() => props.loading, (value) => {
   padding: var(--rounded-action-padding);
   width: fit-content;
   line-height: 0;
+  cursor: pointer;
 
   &:hover {
     border-color: var(--rounded-action-bg-hover-color);

package/src/enums/ChipColor/ChipColor.ts

@@ -0,0 +1,11 @@
+export const ChipColor = {
+  MAIN: 'main',
+  PRIMARY: 'primary',
+  SECONDARY: 'secondary',
+  SUCCESS: 'success',
+  WARNING: 'warning',
+  ERROR: 'error',
+  TRANSFER: 'transfer',
+} as const;
+
+export type ChipColor = (typeof ChipColor)[keyof typeof ChipColor];

package/src/enums/index.ts

@@ -2,6 +2,7 @@ import AbstractUserStatus from './AbstractUserStatus/AbstractUserStatus.enum.js'
 import AgentStatus from './AgentStatus/AgentStatus.enum.js';
 import { ButtonColor } from './ButtonColor/ButtonColor';
 import ChatGatewayProvider from './ChatGatewayProvider/ChatGatewayProvider.enum.js';
+import { ChipColor } from './ChipColor/ChipColor';
 import { ComponentSize } from './ComponentSize/ComponentSize';
 import { CrudAction } from './CrudAction/CrudAction';
 import IconAction from './IconAction/IconAction.enum.js';
@@ -24,6 +25,7 @@ export {
   AuditorSections,
   ButtonColor,
   ChatGatewayProvider,
+  ChipColor,
   ComponentSize,
   CrmSections,
   CrudAction,

package/src/locale/en/en.js

@@ -107,7 +107,7 @@ export default {
     host: 'Host',
     time: 'Time',
     channel: 'Channel | Channels',
-    file: 'File',
+    file: 'File | Files',
     logout: 'Logout',
     priority: 'Priority | Priorities',
     color: 'Color',
@@ -369,7 +369,7 @@ export default {
       }
       return text;
     },
-    
+
     minLength: ({ named }) => {
       let text = 'The length should not be less than';
       if (named('min')) {

package/src/locale/es/es.js

@@ -105,7 +105,7 @@ export default {
     host: 'Host',
     time: 'Tiempo',
     channel: 'Canal | Canales',
-    file: 'Archivo',
+    file: 'Archivo | Archivos',
     logout: 'Cerrar sesión',
     priority: 'Prioridad | Prioridades',
     color: 'Color',

package/src/locale/kz/kz.js

@@ -107,7 +107,7 @@ export default {
     host: 'Хост',
     time: 'Уақыт',
     channel: 'Канал | Каналдар',
-    file: 'Файл',
+    file: 'Файл | файлдар',
     logout: 'Шығу',
     priority: 'Басымдық | Басымдықтар',
     color: 'Түс',

package/src/locale/pl/pl.js

@@ -107,7 +107,7 @@ export default {
     host: 'Host',
     time: 'Czas',
     channel: 'Kanał | Kanały',
-    file: 'Plik',
+    file: 'Plik | Akta',
     logout: 'Wyloguj',
     priority: 'Priorytet | Priorytety',
     color: 'Kolor',

package/src/locale/ro/ro.js

@@ -107,7 +107,7 @@ export default {
     host: 'Gazdă',
     time: 'Timp',
     channel: 'Canal | Canale',
-    file: 'Fișier',
+    file: 'Fișier | Fișiere',
     logout: 'Deconectare',
     priority: 'Prioritate | Priorități',
     color: 'Culoare',

package/src/locale/ru/ru.js

@@ -107,7 +107,7 @@ export default {
     host: 'Хост',
     time: 'Время',
     channel: 'Канал | Каналы',
-    file: 'Файл',
+    file: 'Файл | Файлы',
     logout: 'Выйти',
     priority: 'Приоритет | Приоритеты',
     color: 'Цвет',

package/src/locale/uk/uk.js

@@ -107,7 +107,7 @@ export default {
     host: 'Хост',
     time: 'Час',
     channel: 'Канал | Канали',
-    file: 'Файл',
+    file: 'Файл | Файли',
     logout: 'Вийти',
     priority: 'Пріоритет | Пріоритети',
     color: 'Колір',
@@ -726,4 +726,4 @@ export default {
     chatHistoryApi: 'Сталася помилка завантаження історії чату',
     markChatProcessed: 'Не вдалося перемістити чат у "Закриті"',
   },
-};
+};

package/src/locale/uz/uz.js

@@ -107,7 +107,7 @@ export default {
     host: 'Host',
     time: 'Vaqt',
     channel: 'Kanal | Kanallar',
-    file: 'Fayl',
+    file: 'Fayl | Fayllar',
     logout: 'Chiqish',
     priority: 'Muhimlik | Muhimliklar',
     color: 'Rang',

package/src/locale/vi/vi.js

@@ -107,7 +107,7 @@ export default {
     host: 'Máy chủ',
     time: 'Thời gian',
     channel: 'Kênh | Các kênh',
-    file: 'Tệp',
+    file: 'Tệp | Tập',
     logout: 'Đăng xuất',
     priority: 'Mức độ ưu tiên | Mức độ ưu tiên',
     color: 'Màu sắc',

package/src/plugins/primevue/primevue.plugin.js

@@ -1,6 +1,7 @@
 import PAutoComplete from 'primevue/autocomplete';
 import PButton from 'primevue/button';
 import PCheckbox from 'primevue/checkbox';
+import PChip from 'primevue/chip';
 import PrimeVue from 'primevue/config';
 import PInputText from 'primevue/inputtext';
 import PPopover from 'primevue/popover';
@@ -29,6 +30,7 @@ const initPrimevue = (app) => {
   app.component('PInputText', changeComponentCompatMode(PInputText));
   app.component('PPopover', changeComponentCompatMode(PPopover));
   app.component('PCheckbox', changeComponentCompatMode(PCheckbox));
+  app.component('PChip', changeComponentCompatMode(PChip));
 
   app.directive('tooltip', Tooltip);
 };

package/src/plugins/primevue/primevue.scss

@@ -1 +1,2 @@
 @use 'theme/components/tooltip/tooltip.scss' as *;
+@use 'theme/components/chip/chip.scss' as *;

package/src/plugins/primevue/theme/components/chip/chip.js

@@ -0,0 +1,44 @@
+import { ChipScheme } from '@webitel/styleguide/component-schemes';
+
+const generateCustomColorCss = ({ colorName, dt }) => `
+        .p-chip-${colorName} {
+            background: ${dt(`chip.${colorName}.background`)};
+            color: ${dt(`chip.${colorName}.color`)};
+        }
+
+        .p-chip-${colorName} .wt-icon .wt-icon__icon {
+            fill: ${dt(`chip.${colorName}.iconColor`)};
+        }
+
+        .p-chip-${colorName} .wt-icon:hover .wt-icon__icon {
+            fill: ${dt(`chip.${colorName}.iconHoverColor`)};
+        }
+`;
+
+const chip = {
+  ...ChipScheme.sizes,
+  colorScheme: ChipScheme.colorScheme,
+
+  // Rewrite the default chip styles in the theme here:
+  // For customize the chip styles you need write css styles for classes
+  css: ({ dt }) => `
+        ${generateCustomColorCss({ colorName: 'main', dt })}
+        ${generateCustomColorCss({ colorName: 'primary', dt })}
+        ${generateCustomColorCss({ colorName: 'secondary', dt })}
+        ${generateCustomColorCss({ colorName: 'success', dt })}
+        ${generateCustomColorCss({ colorName: 'warning', dt })}
+        ${generateCustomColorCss({ colorName: 'error', dt })}
+        ${generateCustomColorCss({ colorName: 'transfer', dt })}
+
+        .p-chip {
+            white-space: nowrap;
+        }
+
+        .p-chip .wt-icon {
+            width: ${dt(`chip.removeIcon.size`)};
+            height: ${dt(`chip.removeIcon.size`)};
+        }
+        `,
+};
+
+export default chip;

package/src/plugins/primevue/theme/components/chip/chip.scss

@@ -0,0 +1,5 @@
+@use '@webitel/styleguide/typography' as *;
+
+.p-chip {
+  @extend %typo-body-2;
+}

package/src/plugins/primevue/theme/components/components.js

@@ -1,6 +1,7 @@
 import autocomplete from './autocomplete/autocomplete.js';
 import button from './button/button.js';
 import checkbox from './checkbox/checkbox.js';
+import chip from './chip/chip.js';
 import popover from './popover/popover.js';
 import tooltip from './tooltip/tooltip.js';
 
@@ -9,6 +10,7 @@ const components = {
   autocomplete,
   popover,
   tooltip,
+  chip,
   checkbox,
 };
 

package/types/components/wt-chip/wt-chip.vue.d.ts

@@ -1,22 +1,25 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * The color of the chip
-     * @values main, primary, secondary, success, warning, error, transfer
-     */
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The color of the chip
-     * @values main, primary, secondary, success, warning, error, transfer
-     */
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    color: string;
+import type { ChipProps } from 'primevue/chip';
+import { ChipColor } from '../../enums';
+interface WtProps extends ChipProps {
+    color?: ChipColor;
+}
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_6: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<WtProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WtProps> & Readonly<{}>, {
+    color: ChipColor;
+    removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<WtProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WtProps> & Readonly<{}>, {
+    color: ChipColor;
+    removable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wt-datepicker/wt-datepicker.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "input", ...args: any[]) => void;
     value: string | number;
-    required: boolean;
     label: string;
+    required: boolean;
     mode: string;
     disabled: boolean;
     clearable: boolean;
@@ -18,8 +18,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     labelProps?: Record<string, any>;
     $props: {
         readonly value?: string | number;
-        readonly required?: boolean;
         readonly label?: string;
+        readonly required?: boolean;
         readonly mode?: string;
         readonly disabled?: boolean;
         readonly clearable?: boolean;

package/types/components/wt-input/wt-input.vue.d.ts

@@ -69,9 +69,9 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     onKeyup?: (...args: any[]) => any;
 }>, {
     name: string;
+    label: string;
     type: string;
     required: boolean;
-    label: string;
     disabled: boolean;
     v: Record<string, unknown>;
     customValidators: unknown[];
@@ -92,9 +92,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     onKeyup?: (...args: any[]) => any;
 }>, {
     name: string;
+    label: string;
     type: string;
     required: boolean;
-    label: string;
     disabled: boolean;
     v: Record<string, unknown>;
     customValidators: unknown[];

package/types/components/wt-player/wt-player.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     download: {
-        type: (StringConstructor | BooleanConstructor | FunctionConstructor)[];
+        type: (BooleanConstructor | StringConstructor | FunctionConstructor)[];
         default: () => (url: any) => any;
     };
     mime: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     download: {
-        type: (StringConstructor | BooleanConstructor | FunctionConstructor)[];
+        type: (BooleanConstructor | StringConstructor | FunctionConstructor)[];
         default: () => (url: any) => any;
     };
     mime: {

package/types/components/wt-popover/wt-popover.vue.d.ts

@@ -31,15 +31,15 @@ declare const __VLS_self: import("vue").DefineComponent<PopoverProps, {
     onShow?: () => any;
     onHide?: () => any;
 }>, {
+    dt: import("@primevue/core").DesignToken<any>;
+    pt: any;
+    ptOptions: import("primevue/passthrough").PassThroughOptions;
+    unstyled: boolean;
     appendTo: import("@primevue/core").HintedString<"body" | "self"> | undefined | HTMLElement;
     baseZIndex: number;
     autoZIndex: boolean;
     breakpoints: import("primevue").PopoverBreakpoints;
-    dt: import("@primevue/core").DesignToken<any>;
-    pt: any;
-    ptOptions: import("primevue/passthrough").PassThroughOptions;
     closeOnEscape: boolean | undefined;
-    unstyled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
     toggle: (event?: Event) => void;
@@ -52,15 +52,15 @@ declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
     onShow?: () => any;
     onHide?: () => any;
 }>, {
+    dt: import("@primevue/core").DesignToken<any>;
+    pt: any;
+    ptOptions: import("primevue/passthrough").PassThroughOptions;
+    unstyled: boolean;
     appendTo: import("@primevue/core").HintedString<"body" | "self"> | undefined | HTMLElement;
     baseZIndex: number;
     autoZIndex: boolean;
     breakpoints: import("primevue").PopoverBreakpoints;
-    dt: import("@primevue/core").DesignToken<any>;
-    pt: any;
-    ptOptions: import("primevue/passthrough").PassThroughOptions;
     closeOnEscape: boolean | undefined;
-    unstyled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/types/components/wt-radio/wt-radio.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     selected: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     label: {
@@ -30,11 +30,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     inputHandler(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     selected: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     label: {
@@ -57,8 +57,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onInput?: (...args: any[]) => any;
 }>, {
     value: string | number | boolean | Record<string, any>;
-    required: boolean;
     label: string;
+    required: boolean;
     selected: string | number | boolean | Record<string, any>;
     disabled: boolean;
     outline: boolean;

package/types/components/wt-search-bar/wt-search-bar.vue.d.ts

@@ -1,5 +1,5 @@
 declare const invalid: import("vue").ComputedRef<boolean>;
-declare const invalidColorProvider: import("vue").ComputedRef<"default" | "error">;
+declare const invalidColorProvider: import("vue").ComputedRef<"error" | "default">;
 declare function handleInput(value: any): void;
 declare function handleKeyup(event: any): void;
 declare function updateSearchMode({ option }: {
@@ -43,7 +43,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
     searchMode: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     searchModeOptions: {
         type: ArrayConstructor;
@@ -87,7 +87,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
     searchMode: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     searchModeOptions: {
         type: ArrayConstructor;
@@ -130,7 +130,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         description: string;
     };
     searchMode: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     searchModeOptions: {
         type: ArrayConstructor;
@@ -168,7 +168,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         description: string;
     };
     searchMode: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
     };
     searchModeOptions: {
         type: ArrayConstructor;

package/types/components/wt-textarea/wt-textarea.vue.d.ts

@@ -170,8 +170,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     name: string;
     value: string;
-    required: boolean;
     label: string;
+    required: boolean;
     disabled: boolean;
     readonly: boolean;
     rows: number;

package/types/components/wt-time-input/wt-time-input.vue.d.ts

@@ -124,8 +124,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onInput?: (...args: any[]) => any;
 }>, {
     value: number;
-    required: boolean;
     label: string;
+    required: boolean;
     disabled: boolean;
     hideInputInfo: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/wt-timepicker/wt-timepicker.vue.d.ts

@@ -135,8 +135,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     value: string | number;
-    required: boolean;
     label: string;
+    required: boolean;
     disabled: boolean;
     format: string;
     dateMode: boolean;

package/types/enums/ChipColor/ChipColor.d.ts

@@ -0,0 +1,10 @@
+export declare const ChipColor: {
+    readonly MAIN: "main";
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+    readonly TRANSFER: "transfer";
+};
+export type ChipColor = (typeof ChipColor)[keyof typeof ChipColor];