@wikicasa-dev/components 2.1.4-alpha.2 → 2.1.4-alpha.20

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -1,22 +1,20 @@
-import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
+import { Nullable, Optional } from '@wikicasa-dev/types';
 import { AccessibleSelectOptions, ClassTypeProp } from './types';
-declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T, LabelID extends string | number | undefined, TComponent>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onClick?: (() => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<T, LabelID, TComponent>>) => any) | undefined;
         readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly onKeydownEnterPressed?: (() => any) | undefined;
         readonly onChangedValue?: ((args_0: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
-        modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
+        modelValue?: Optional<AccessibleSelectOptions<T, LabelID, TComponent>>;
     } & {
         isValid?: Nullable<boolean>;
-        theme?: BaseAutocompleteThemes;
-        label?: string;
         disableCb?: boolean;
-        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
-        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
+        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID, TComponent>[]>;
+        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID, TComponent>) => void>;
         keepState?: Nullable<"closed" | "open">;
         cleanupOnClose?: boolean;
         dropdownClasses?: string;
@@ -26,19 +24,23 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
         closeDropdownOnBodyPressed?: boolean;
         inputClasses?: ClassTypeProp;
         fieldsetClasses?: ClassTypeProp;
+        placeholder?: string;
         dataCy?: string;
+        withBorder?: boolean;
+        withCleanBtn?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         select: () => void;
     }>): void;
     attrs: any;
     slots: {
-        lefticon?(_: {}): any;
-        righticon?(_: {
-            handleClean: () => void;
+        leftIcon?(_: {}): any;
+        dropdown?(_: {
+            options: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<T, LabelID, TComponent>>[];
+            toggleDropdown: () => void;
         }): any;
     };
-    emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<T, LabelID> | undefined) => void);
+    emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<T, LabelID, TComponent>>) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/UIKit/BaseAutocomplete.js

@@ -1,4 +1,5 @@
-import f from "../packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import o from "../packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import '../assets/packages/components/lib/UIKit/BaseAutocomplete.css';/* empty css                                                     */
 export {
-  f as default
+  o as default
 };

package/dist/UIKit/BaseBadge.d.ts

@@ -1,42 +1,6 @@
-declare const badgeType: {
-    /**
-     * @deprecated Old style
-     */
-    readonly warning: "uikit-badge-w-warning";
-    /**
-     * @deprecated Old style
-     */
-    readonly lavender: "uikit-badge-w-lavender";
-    /**
-     * @deprecated Old style
-     */
-    readonly danger: "uikit-badge-w-danger";
-    /**
-     * @deprecated Old style
-     */
-    readonly "outline-tag": "uikit-badge-outline-tag";
-    /**
-     * @deprecated Old style
-     */
-    readonly "primary-sm": "uikit-badge-w-primary-sm";
-    /**
-     * @deprecated Old style
-     */
-    readonly "dark-primary": "uikit-badge-w-dark-primary";
-    /**
-     * @deprecated Old style
-     */
-    readonly "outline-tag-listing": "uikit-badge-outline-tag-listing";
-    readonly gold: "uikit-badge-gold";
-    readonly silver: "uikit-badge-silver";
-    readonly premium: "uikit-badge-premium";
-    readonly luxury: "uikit-badge-luxury";
-    readonly alert: "uikit-badge-alert";
-    readonly new: "uikit-badge-new";
-    readonly discount: "uikit-badge-discount";
-};
 type __VLS_Props = {
-    badgeClass?: keyof typeof badgeType;
+    badgeClass?: "gold" | "silver" | "black" | "darkblue" | "gray" | "pink" | "cultured";
+    type?: "rounded" | "squared" | "default";
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/UIKit/BaseDropDown.d.ts

@@ -1,19 +1,15 @@
 import { Nullable, Optional } from '@wikicasa-dev/types';
-import { ClassType } from './types';
+import { ClassTypeProp } from './types';
 type __VLS_Props = {
-    dropdownClasses?: ClassType;
+    dropdownClasses?: ClassTypeProp;
     btnClasses?: string;
     withArrowIcon?: boolean;
     btnLabel?: string;
-    labelClasses?: ClassType;
+    labelClasses?: ClassTypeProp;
     direction?: "up" | "down";
     arrowWidth?: number;
     arrowStrokeColor?: `#${string}`;
     isAbsolute?: boolean;
-    /**
-     * @deprecated Use v-model:toggleDropdown instead
-     */
-    openDropdown?: boolean;
     closeWhenClickedOutside?: boolean;
     dropdownElement?: "div" | "ul" | "ol";
     keepState?: "opened" | "closed" | "";
@@ -22,7 +18,7 @@ type __VLS_Props = {
     dataCy?: string;
 };
 type __VLS_PublicProps = {
-    "toggleDropdown"?: Optional<boolean>;
+    "open"?: Optional<boolean>;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -49,26 +45,25 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
-    "update:toggleDropdown": (value: Optional<boolean>) => any;
     "update:dropdownState": (args_0: boolean) => any;
+    "update:open": (value: Optional<boolean>) => any;
     "update:selectedIdx": (args_0: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: (() => any) | undefined;
-    "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:selectedIdx"?: ((args_0: number) => any) | undefined;
 }>, {
     dataCy: string;
     arrowWidth: number;
     btnClasses: string;
-    labelClasses: string | Record<string, boolean> | ClassType[] | null;
-    dropdownClasses: string | Record<string, boolean> | ClassType[] | null;
+    labelClasses: string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null;
+    dropdownClasses: string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null;
     withArrowIcon: boolean;
     btnLabel: string;
     direction: "up" | "down";
     arrowStrokeColor: `#${string}`;
     isAbsolute: boolean;
-    openDropdown: boolean;
     closeWhenClickedOutside: boolean;
     dropdownElement: "div" | "ul" | "ol";
     keepState: "opened" | "closed" | "";

package/dist/UIKit/BaseInput.d.ts

@@ -1,7 +1,6 @@
 import { Nullable, InputTypeHTMLAttribute } from '@wikicasa-dev/types';
-import { ClassType, ClassTypeProp, FeedbackLabels } from './types';
+import { ClassTypeProp, FeedbackLabels } from './types';
 type __VLS_Props = {
-    inputClass?: ClassType | ClassType[];
     labelText?: string;
     feedback?: FeedbackLabels;
     isValid?: Nullable<boolean>;
@@ -10,11 +9,11 @@ type __VLS_Props = {
         formatFn: (n: number | string) => string;
         unFormatFn: (v: string) => string | number | null;
     }>>;
+    inputClass?: ClassTypeProp;
     labelClasses?: ClassTypeProp;
     labelTextClasses?: ClassTypeProp;
-    withLeftIcon?: boolean;
-    withRightIcon?: boolean;
     dataCy?: string;
+    withBorder?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: string | number | undefined;
@@ -23,7 +22,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         leftIcon?(_: {}): any;
-        righticon?(_: {
+        rightIcon?(_: {
             handleClean: () => void;
             handleShowPasswd: () => void;
             curType: InputTypeHTMLAttribute;

package/dist/UIKit/BasePagination.d.ts

@@ -1,4 +1,5 @@
-import { Optional } from '@wikicasa-dev/types';
+import { Nullable, Optional } from '@wikicasa-dev/types';
+import { Component } from 'vue';
 type __VLS_Props = {
     /**
      * Number of elements in the list
@@ -17,6 +18,11 @@ type __VLS_Props = {
     nextLabel?: string;
     prevDataCy?: string;
     nextDataCy?: string;
+    linkProps?: Record<string, unknown>;
+    linkTag?: Component | "a";
+    baseUrl?: string;
+    pageQueryParameter?: string;
+    formatter?: (value?: Nullable<number>) => string;
 };
 type __VLS_PublicProps = {
     "pageNumber"?: Optional<number>;

package/dist/UIKit/BasePin.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    type?: "default" | "large" | "rounded";
+    pinClass?: "white" | "blue" | "cultured" | "dark-blue" | "red";
+    outlined?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/BaseSelect.d.ts

@@ -0,0 +1,26 @@
+import { AccessibleSelectOptions, ClassTypeProp } from './types';
+import { Optional } from '@wikicasa-dev/types';
+declare const _default: <TPayload, TID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((args_0: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & ({
+        modelValue?: Optional<AccessibleSelectOptions<TPayload, TID>>;
+    } & {
+        labelText?: string;
+        options?: AccessibleSelectOptions<TPayload, TID>[];
+        border?: boolean;
+        labelClasses?: ClassTypeProp;
+        arrowSize?: number;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "change", args_0: Event) => void) & ((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TPayload, TID>>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/BaseSelect.js

@@ -0,0 +1,5 @@
+import o from "../packages/components/lib/UIKit/BaseSelect.vue.js";
+import '../assets/packages/components/lib/UIKit/BaseSelect.css';/* empty css                                               */
+export {
+  o as default
+};

package/dist/UIKit/BaseTextarea.js

@@ -1,7 +1,7 @@
 import o from "../packages/components/lib/UIKit/BaseTextarea.vue.js";
 import '../assets/packages/components/lib/UIKit/BaseTextarea.css';/* empty css                                                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-48b631cc"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e9dd2650"]]);
 export {
-  c as default
+  m as default
 };

package/dist/UIKit/Checkbox/CheckboxGroup.d.ts

@@ -1,9 +1,9 @@
-import { CheckboxButtonType, GetterIdType, ClassType } from '../types';
+import { CheckboxButtonType, GetterIdType, ClassTypeProp } from '../types';
 type __VLS_Props = {
     checkboxData?: CheckboxButtonType[];
     formCheckInline?: boolean;
     reset?: boolean;
-    checkboxContainerClasses?: ClassType;
+    checkboxContainerClasses?: ClassTypeProp;
     /**
      * [ResetCheckbox required] If true, when you check all the checkboxes, the reset one will be checked
      */
@@ -54,7 +54,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     dataCy: string;
     checkboxData: CheckboxButtonType[];
     formCheckInline: boolean;
-    checkboxContainerClasses: string | Record<string, boolean> | ClassType[] | null;
+    checkboxContainerClasses: string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null;
     autoCheckResetAll: boolean;
     autoCheckResetEmpty: boolean;
     manualToggleResetButton: boolean;

package/dist/UIKit/types.d.ts

@@ -1,4 +1,5 @@
 import { Icon, LabelItem, IconItem, AccordionItem } from '@wikicasa-dev/types';
+import { Component } from 'vue';
 export type CardTypes = "mini" | "vertical" | "news" | "";
 export type CardRootTypes = "div" | "article";
 /** Toggle types */
@@ -44,9 +45,11 @@ export type FeedbackLabels = {
 export type SelectOptions<T = void> = IconItem & LabelItem & {
     payload?: T;
 };
-export type AccessibleSelectOptions<TData = unknown, TID = string | number | undefined> = IconItem & LabelItem<TID> & {
+export type AccessibleSelectOptions<TData = unknown, TID = string | number | undefined, TComponent = Component> = LabelItem<TID> & {
     visibleLabel?: string;
-} & TData;
+} & TData & {
+    icon?: TComponent;
+};
 export type RadioButtonType<T = unknown> = {
     id?: string | number | null;
     label: string | number;
@@ -55,7 +58,7 @@ export type RadioButtonType<T = unknown> = {
 };
 export type AccordionItemDecorated<T = unknown> = Record<string | number, T & Partial<AccordionItem>>;
 export type BtnVariant = "primary" | "secondary" | "ternary" | "quaternary" | "warning" | "danger" | "transparent" | "light" | "show-more" | "multi-selection" | "single-selection" | "facile";
-export type ClassType = string | Record<string, boolean> | null | undefined | ClassType[];
+type ClassType = string | Record<string, boolean> | null | undefined | ClassType[];
 export type ClassTypeProp = ClassType | ClassType[];
 export type SegmentedControlItemType<T = unknown> = {
     label: string;
@@ -65,3 +68,4 @@ export type SegmentedControlItemType<T = unknown> = {
     single?: boolean;
     payload?: T;
 };
+export {};

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/_virtual/cloneDeep.js

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

package/dist/_virtual/create-plugin.js

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

package/dist/_virtual/createPlugin.js

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

package/dist/_virtual/default-theme.js

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

package/dist/_virtual/defaultTheme.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/.pnpm/tailwindcss@3.4.15_ts-node@10.9.2_@types_node@24.0.1_typescript@5.8.3_/node_modules/tailwindcss/defaultTheme.js";
+var t = r();
+const m = /* @__PURE__ */ e(t);
+export {
+  m as default
+};

package/dist/_virtual/plugin.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/.pnpm/tailwindcss@3.4.15_ts-node@10.9.2_@types_node@24.0.1_typescript@5.8.3_/node_modules/tailwindcss/plugin.js";
+var t = o();
+const p = /* @__PURE__ */ r(t);
+export {
+  p as default
+};

package/dist/assets/packages/components/lib/UIKit/BaseAlert.css

@@ -1 +1 @@
-.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #F20003}.uikit-alert.uikit-alert-w-dark-primary{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}
+.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #F20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}

package/dist/assets/packages/components/lib/UIKit/BaseAutocomplete.css

@@ -0,0 +1 @@
+.uikit-input-wrapper .base-autocomplete-input{--input-height: 40px}.uikit-input-wrapper .base-autocomplete-input .text-input-icon{--icon-top: 10px}

package/dist/assets/packages/components/lib/UIKit/BaseBadge.css

@@ -1 +1 @@
-.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.uikit-badge-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 6px #79797929;--tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-badge-outline-tag{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));padding:8px 18px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-outline-tag-listing{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:12px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-primary-sm{height:24px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1));font-size:10px;font-weight:500;line-height:inherit;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-w-dark-primary{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));padding-left:11px;padding-right:11px}@media (min-width: 640px){.uikit-badge-w-dark-primary{padding-right:8px;font-size:12px}}.uikit-badge-w-danger{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-gold{background:transparent linear-gradient(125deg,#d1953b,#deb762) 0% 0% no-repeat padding-box}.uikit-badge-silver{background:transparent linear-gradient(166deg,#cbcbcb,#a7a7a7 54%,#cbcbcb) 0% 0% no-repeat padding-box}.uikit-badge-premium{background:transparent linear-gradient(151deg,#272727,#696969 52%,#272727) 0% 0% no-repeat padding-box}.uikit-badge-luxury{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.uikit-badge-alert{background-color:#2222227f}.uikit-badge-new{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-badge-discount{--uikit-badge-text-color: #222222;--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}
+.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.badge-gold{background:transparent linear-gradient(125deg,#d1953b,#deb762) 0% 0% no-repeat padding-box}.badge-silver{background:transparent linear-gradient(166deg,#cbcbcb,#a7a7a7 54%,#cbcbcb) 0% 0% no-repeat padding-box}.badge-gold,.badge-silver{--badge-custom-size: 28px;height:var(--badge-custom-size);width:var(--badge-custom-size)}.badge-black{background:transparent linear-gradient(151deg,#272727,#696969 52%,#272727) 0% 0% no-repeat padding-box}.badge-darkblue{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.badge-gray{background-color:#2222227f}.badge-pink{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.badge-cultured{--uikit-badge-text-color: #222222;--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}

package/dist/assets/packages/components/lib/UIKit/BaseComplexToggle.css

@@ -1 +1 @@
-.base-complex-toggle[data-v-7737664c]{--base-complex-toggle-height: 42px;--base-complex-toggle-width: 230px;--base-complex-toggle-radius: 23px;--base-complex-toggle-border-width: 1px;--base-complex-toggle-border-color: #162F80;--padding-x-bg: 7px;--padding-y-bg: 8px;--base-complex-toggle-bg-height: var(--base-complex-toggle-height);--base-complex-toggle-bg-width: calc(var(--base-complex-toggle-width) / 2);--base-complex-toggle-bg-padded-width: calc( var(--base-complex-toggle-bg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-padded-height: calc( var(--base-complex-toggle-bg-height) - var(--padding-y-bg) );--padded-bg-dist-from-top: calc(var(--padding-y-bg) / 2);--round-interval: 1px;--translateX-value: calc(var(--base-complex-toggle-bg-width) / 2);--left-translateX: translateX(calc(var(--translateX-value) * -1));--right-translateX: translateX(var(--translateX-value));--toggle-width: var(--base-complex-toggle-width);--toggle-height: var(--base-complex-toggle-height);--toggle-border: var(--base-complex-toggle-border-width) var(--base-complex-toggle-border-color) solid;--toggle-border-radius: var(--base-complex-toggle-radius)}.base-complex-toggle.lg[data-v-7737664c]{--base-complex-toggle-height: 56px;--base-complex-toggle-width: 342px;--base-complex-toggle-radius: 28px}@media screen and (max-width: 640px){.base-complex-toggle.mobile[data-v-7737664c]{--base-complex-toggle-width: 342px }}.base-complex-toggle[data-v-7737664c]{width:var(--toggle-width);height:var(--toggle-height);border:var(--toggle-border);border-radius:var(--toggle-border-radius)}.base-complex-toggle-active[data-v-7737664c]{--base-complex-toggle-active-color: #fff;font-weight:500;cursor:default;color:var(--base-complex-toggle-active-color)}.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-warning][data-v-7737664c],.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-darkblue][data-v-7737664c]{--base-complex-toggle-active-color: #222222}.base-complex-toggle-active-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-bg .mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-lg-width) }}.base-complex-toggle-active-bg[data-v-7737664c]{width:var(--toggle-bg-width);height:var(--toggle-bg-height);border-radius:var(--base-complex-toggle-radius);z-index:1}.base-complex-toggle-active-padded-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-padded-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-padded-bg.mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width) }}.base-complex-toggle-active-padded-bg[data-v-7737664c]{border-radius:var(--base-complex-toggle-radius);z-index:1;top:var(--padded-bg-dist-from-top);width:var(--toggle-bg-width);height:var(--toggle-bg-height)}.translateX-left[data-v-7737664c]{transform:var(--left-translateX)}@media screen and (max-width: 640px){.translateX-left.mobile[data-v-7737664c]{transform:var(--left-translateX)}}.translateX-right[data-v-7737664c]{transform:var(--right-translateX)}@media screen and (max-width: 640px){.translateX-right.mobile[data-v-7737664c]{transform:var(--right-translateX)}}
+.base-complex-toggle[data-v-7737664c]{--base-complex-toggle-height: 42px;--base-complex-toggle-width: 230px;--base-complex-toggle-radius: 23px;--base-complex-toggle-border-width: 1px;--base-complex-toggle-border-color: #162F80;--padding-x-bg: 7px;--padding-y-bg: 8px;--base-complex-toggle-bg-height: var(--base-complex-toggle-height);--base-complex-toggle-bg-width: calc(var(--base-complex-toggle-width) / 2);--base-complex-toggle-bg-padded-width: calc( var(--base-complex-toggle-bg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-padded-height: calc( var(--base-complex-toggle-bg-height) - var(--padding-y-bg) );--padded-bg-dist-from-top: calc(var(--padding-y-bg) / 2);--round-interval: 1px;--translateX-value: calc(var(--base-complex-toggle-bg-width) / 2);--left-translateX: translateX(calc(var(--translateX-value) * -1));--right-translateX: translateX(var(--translateX-value));--toggle-width: var(--base-complex-toggle-width);--toggle-height: var(--base-complex-toggle-height);--toggle-border: var(--base-complex-toggle-border-width) var(--base-complex-toggle-border-color) solid;--toggle-border-radius: var(--base-complex-toggle-radius)}.base-complex-toggle.lg[data-v-7737664c]{--base-complex-toggle-height: 56px;--base-complex-toggle-width: 342px;--base-complex-toggle-radius: 28px}@media screen and (max-width: 640px){.base-complex-toggle.mobile[data-v-7737664c]{--base-complex-toggle-width: 342px }}.base-complex-toggle[data-v-7737664c]{width:var(--toggle-width);height:var(--toggle-height);border:var(--toggle-border);border-radius:var(--toggle-border-radius)}.base-complex-toggle-active[data-v-7737664c]{--base-complex-toggle-active-color: #fff;font-weight:500;cursor:default;color:var(--base-complex-toggle-active-color)}.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-warning][data-v-7737664c]{--base-complex-toggle-active-color: #222222}.base-complex-toggle-active-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-bg .mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-lg-width) }}.base-complex-toggle-active-bg[data-v-7737664c]{width:var(--toggle-bg-width);height:var(--toggle-bg-height);border-radius:var(--base-complex-toggle-radius);z-index:1}.base-complex-toggle-active-padded-bg[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-padded-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 640px){.base-complex-toggle-active-padded-bg.mobile[data-v-7737664c]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width) }}.base-complex-toggle-active-padded-bg[data-v-7737664c]{border-radius:var(--base-complex-toggle-radius);z-index:1;top:var(--padded-bg-dist-from-top);width:var(--toggle-bg-width);height:var(--toggle-bg-height)}.translateX-left[data-v-7737664c]{transform:var(--left-translateX)}@media screen and (max-width: 640px){.translateX-left.mobile[data-v-7737664c]{transform:var(--left-translateX)}}.translateX-right[data-v-7737664c]{transform:var(--right-translateX)}@media screen and (max-width: 640px){.translateX-right.mobile[data-v-7737664c]{transform:var(--right-translateX)}}

package/dist/assets/packages/components/lib/UIKit/BaseInput.css

@@ -1 +1 @@
-.uikit-input-wrapper{--input-icon-size: 20px;--input-padding-with-icon: 40px}.uikit-input-wrapper.has-right-icon input{padding-right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-right-icon>label{right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon input{padding-left:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon>label{left:var(--input-padding-with-icon)}.uikit-input-wrapper .text-input-icon{position:absolute;z-index:20;box-sizing:border-box}.uikit-input-wrapper .text-input-icon.left{left:12px}.uikit-input-wrapper .text-input-icon.right{right:12px}.uikit-input-wrapper .text-input-icon{--icon-top: 18px;width:var(--input-icon-size);height:var(--input-icon-size);top:var(--icon-top)}.uikit-input-wrapper .under-label{left:4px;font-style:italic}
+.uikit-input-wrapper{--input-icon-size: 20px;--input-padding-with-icon: 40px;--input-height: 56px}.uikit-input-wrapper.has-right-icon input{padding-right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-right-icon>label{right:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon input{padding-left:var(--input-padding-with-icon)}.uikit-input-wrapper.has-left-icon>label{left:var(--input-padding-with-icon)}.uikit-input-wrapper .text-input-icon{position:absolute;z-index:20;box-sizing:border-box}.uikit-input-wrapper .text-input-icon.left{left:12px}.uikit-input-wrapper .text-input-icon.right{right:12px}.uikit-input-wrapper .text-input-icon{--icon-top: 18px;width:var(--input-icon-size);height:var(--input-icon-size);top:var(--icon-top)}.uikit-input-wrapper .under-label{left:4px;font-style:italic}.uikit-input-wrapper .input-element{height:var(--input-height)}

package/dist/assets/packages/components/lib/UIKit/BasePin.css

@@ -1 +1 @@
-.uikit-pin{--pin-bg-color: #fff;--pin-color: #2b5dff;--pin-arrow-top: 4px}.uikit-pin.uikit-pin-blue{--pin-bg-color: #2b5dff;--pin-color: #fff}.uikit-pin.uikit-pin-cultured{--pin-bg-color: #F4F7FF;--pin-color: #222222}.uikit-pin.uikit-pin-dark-blue{--pin-bg-color: #162F80;--pin-color: #fff}.uikit-pin.uikit-pin-outlined{--pin-border-width: 1px;--pin-border-color: #2b5dff;--pin-arrow-top: 3px}.uikit-pin.uikit-pin-outlined.uikit-pin-red{--pin-border-color: #F20003;--pin-color: #F20003}.uikit-pin.uikit-pin-outlined .uikit-pin-body:after{content:"";width:15px;height:2px;position:absolute;background-color:var(--pin-bg-color);bottom:0;left:26.5px}.uikit-pin.uikit-pin-rounded{--pin-border-color: #2b5dff;--pin-border-width: 2px}.uikit-pin.uikit-pin-rounded.uikit-pin-blue{--pin-border-color: #fff}.uikit-pin .uikit-pin-body{background-color:var(--pin-bg-color);color:var(--pin-color);border:var(--pin-border-width) var(--pin-border-color) solid;box-shadow:0 5px 10px #0000001a}.uikit-pin .uikit-pin-arrow{position:absolute;background-color:var(--pin-bg-color);text-align:left;top:calc(100% - 8px);left:calc(50% - 8px);width:15px;height:15px;border-bottom-left-radius:4px;clip-path:polygon(0% 0%,0 100%,100% 100%);transform:rotate(-56deg) skew(-20deg) scaleY(.95);border:var(--pin-border-width) var(--pin-border-color) solid}
+.uikit-pin{--pin-bg-color: #fff;--pin-color: #2b5dff;--pin-arrow-top: 4px}.uikit-pin.uikit-pin-blue{--pin-bg-color: #2b5dff;--pin-color: #fff}.uikit-pin.uikit-pin-cultured{--pin-bg-color: #F4F7FF;--pin-color: #222222}.uikit-pin.uikit-pin-dark-blue{--pin-bg-color: #162F80;--pin-color: #fff}.uikit-pin.uikit-pin-outlined{--pin-border-width: 1px;--pin-border-color: #2b5dff;--pin-arrow-top: 3px}.uikit-pin.uikit-pin-outlined.uikit-pin-red{--pin-border-color: #F20003;--pin-color: #F20003}.uikit-pin.uikit-pin-outlined .uikit-pin-body:after{content:"";width:15px;height:2px;position:absolute;background-color:var(--pin-bg-color);bottom:0;left:28.5px}.uikit-pin.uikit-pin-rounded{--pin-border-color: #2b5dff;--pin-border-width: 2px}.uikit-pin.uikit-pin-rounded.uikit-pin-blue{--pin-border-color: #fff}.uikit-pin .uikit-pin-body{background-color:var(--pin-bg-color);color:var(--pin-color);border:var(--pin-border-width) var(--pin-border-color) solid;box-shadow:0 5px 10px #0000001a}.uikit-pin .uikit-pin-arrow{position:absolute;background-color:var(--pin-bg-color);text-align:left;top:calc(100% - 8px);left:calc(50% - 8px);width:15px;height:15px;border-bottom-left-radius:4px;clip-path:polygon(0% 0%,0 100%,100% 100%);transform:rotate(-56deg) skew(-20deg) scaleY(.95);border:var(--pin-border-width) var(--pin-border-color) solid}

package/dist/assets/packages/components/lib/UIKit/{NativeSelect.css → BaseSelect.css}

@@ -1 +1 @@
-.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--f3734614)}
+.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--7c189782)}

package/dist/assets/packages/components/lib/UIKit/BaseTextarea.css

@@ -1 +1 @@
-.invalid-bg[data-v-48b631cc],.valid-bg[data-v-48b631cc]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.is-valid.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-thumb{background-color:#f20282!important}.is-invalid.textarea-scrollbar[data-v-48b631cc]::-webkit-scrollbar-thumb{background-color:#f20003!important}
+.invalid-bg[data-v-e9dd2650],.valid-bg[data-v-e9dd2650]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.is-valid.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{background-color:#f20282!important}.is-invalid.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{background-color:#f20003!important}