@wikicasa-dev/components 2.0.3 → 2.0.5-0.alpha-0

package/dist/UIKit/BaseUploadFile.vue.d.ts

@@ -1,34 +1,28 @@
 import { ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    id: string;
+    labelText?: string;
+    clear?: boolean;
+    labelClasses?: ClassType;
+    floatingLabelClasses?: ClassType;
+    fieldsetClasses?: ClassType;
+    legendClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         label?(_: {
             filename: string;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    id: string;
-    labelText?: string;
-    clear?: boolean;
-    labelClasses?: ClassType;
-    floatingLabelClasses?: ClassType;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cleared: () => any;
     uploaded: (args_0: File) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id: string;
-    labelText?: string;
-    clear?: boolean;
-    labelClasses?: ClassType;
-    floatingLabelClasses?: ClassType;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCleared?: (() => any) | undefined;
     onUploaded?: ((args_0: File) => any) | undefined;
 }>, {

package/dist/UIKit/Checkbox/CheckboxBtn.vue.d.ts

@@ -4,17 +4,7 @@ type EventPayload = {
     label: string | number;
     checked: boolean;
 };
-declare function __VLS_template(): {
-    slots: {
-        label?(_: {}): any;
-    };
-    refs: {
-        checkbox: HTMLInputElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+type __VLS_Props = {
     id?: string | number;
     dataCy?: string;
     disabled?: boolean;
@@ -31,32 +21,29 @@ declare const __VLS_component: import('vue').DefineComponent<{
      */
     handleLabelClick?: boolean;
     modelValue?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+    };
+    refs: {
+        checkbox: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
     change: (args_0: EventPayload) => any;
     "update:modelValue": (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id?: string | number;
-    dataCy?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    required?: boolean;
-    inputClass?: ClassType;
-    inline?: boolean;
-    label?: string | number;
-    labelClass?: ClassType;
-    isValid?: Nullable<boolean>;
-    containerId?: string;
-    /**
-     * If false, the click event won't be emitted
-     */
-    handleLabelClick?: boolean;
-    modelValue?: boolean;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
     onChange?: ((args_0: EventPayload) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkbox: HTMLInputElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,24 +1,6 @@
 import { CheckboxButtonType, GetterIdType } from '../types';
 import { ClassType } from '@wikicasa-dev/types';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {
-            isActive: (elem: CheckboxButtonType | string | number) => boolean;
-            handleChange: (checkboxValue: CheckboxButtonType) => void;
-            checkboxesData: CheckboxButtonType[];
-        }): any;
-        checkbox_elements?(_: {
-            isActive: (elem: CheckboxButtonType | string | number) => boolean;
-            handleChange: (checkboxValue: CheckboxButtonType) => void;
-            checkboxesData: CheckboxButtonType[];
-            reset: () => void;
-        }): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+type __VLS_Props = {
     checkboxData?: CheckboxButtonType[];
     formCheckInline?: boolean;
     reset?: boolean;
@@ -40,33 +22,31 @@ declare const __VLS_component: import('vue').DefineComponent<{
     getKey?: GetterIdType;
     groupId?: string;
     dataCy?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isActive: (elem: CheckboxButtonType | string | number) => boolean;
+            handleChange: (checkboxValue: CheckboxButtonType) => void;
+            checkboxesData: CheckboxButtonType[];
+        }): any;
+        checkbox_elements?(_: {
+            isActive: (elem: CheckboxButtonType | string | number) => boolean;
+            handleChange: (checkboxValue: CheckboxButtonType) => void;
+            checkboxesData: CheckboxButtonType[];
+            reset: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: CheckboxButtonType[]) => any;
     resetted: () => any;
     checkedGroup: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    checkboxData?: CheckboxButtonType[];
-    formCheckInline?: boolean;
-    reset?: boolean;
-    checkboxContainerClasses?: ClassType;
-    /**
-     * [ResetCheckbox required] If true, when you check all the checkboxes, the reset one will be checked
-     */
-    autoCheckResetAll?: boolean;
-    /**
-     * [ResetCheckbox required] If true, when you uncheck all the checkboxes, the reset one will be checked
-     */
-    autoCheckResetEmpty?: boolean;
-    /**
-     * [ResetCheckbox required]
-     * If true, you can manually toggle the reset button.
-     * Otherwise, if autoCheckResetEmpty is false, the reset button would never be unchecked when the user clicks on it
-     */
-    manualToggleResetButton?: boolean;
-    getKey?: GetterIdType;
-    groupId?: string;
-    dataCy?: string;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: CheckboxButtonType[]) => any) | undefined;
     onResetted?: (() => any) | undefined;
     onCheckedGroup?: ((args_0: string) => any) | undefined;

package/dist/UIKit/Radio/RadioButton.vue.d.ts

@@ -1,31 +1,27 @@
 import { ClassType, Nullable } from '@wikicasa-dev/types';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     id?: Nullable<string | number>;
     name?: string;
     label: string;
     modelValue?: boolean;
     inputClasses?: ClassType;
     labelClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (args_0: {
         id: string | number;
         label: string;
         name?: string;
     }) => any;
     "update:modelValue": (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id?: Nullable<string | number>;
-    name?: string;
-    label: string;
-    modelValue?: boolean;
-    inputClasses?: ClassType;
-    labelClasses?: ClassType;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((args_0: {
         id: string | number;
         label: string;
         name?: string;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkbox: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/UIKit/Radio/RadioGroup.vue.d.ts

@@ -1,19 +1,20 @@
 import { RadioButtonType } from '../types';
 import { ClassType, Nullable, Optional } from '@wikicasa-dev/types';
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     radioValues?: RadioButtonType[];
     dataCy?: string;
     radioContainerClasses?: ClassType;
 };
 type __VLS_PublicProps = {
     "resetRadio"?: Optional<boolean>;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             handleClick: (elem: RadioButtonType) => void;
             activeValue: {
-                id?: (string | number | null) | undefined;
+                id?: string | number | null | undefined;
                 label: string | number;
                 payload?: unknown;
                 active?: boolean | undefined;
@@ -24,7 +25,7 @@ declare function __VLS_template(): {
         radio_elements?(_: {
             handleClick: (elem: RadioButtonType) => void;
             activeValue: {
-                id?: (string | number | null) | undefined;
+                id?: string | number | null | undefined;
                 label: string | number;
                 payload?: unknown;
                 active?: boolean | undefined;
@@ -34,15 +35,15 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: Nullable<RadioButtonType>) => any;
-    "update:resetRadio": (resetRadio: Optional<boolean>) => any;
+    "update:resetRadio": (value: Optional<boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: Nullable<RadioButtonType>) => any) | undefined;
-    "onUpdate:resetRadio"?: ((resetRadio: Optional<boolean>) => any) | undefined;
+    "onUpdate:resetRadio"?: ((value: Optional<boolean>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.vue.d.ts

@@ -1,17 +1,17 @@
 import { ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    shimmerClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    shimmerClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    shimmerClasses?: ClassType;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.vue.d.ts

@@ -1,17 +1,63 @@
 import { ClassType } from '@wikicasa-dev/types';
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     lines?: number;
     randomLength?: boolean;
     shimmerClasses?: ClassType;
     inheritHeight?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    lines?: number;
-    randomLength?: boolean;
-    shimmerClasses?: ClassType;
-    inheritHeight?: boolean;
-}> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     lines: number;
     randomLength: boolean;
     inheritHeight: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    shimmerLines: (({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly shimmerClasses?: ClassType | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            shimmerClasses?: ClassType;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        shimmerClasses?: ClassType;
+    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null)[];
+}, any>;
 export default _default;

package/dist/UIKit/Slider/SimpleSlider.vue.d.ts

@@ -0,0 +1,19 @@
+import { Optional } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    min?: number;
+    max?: number;
+    step?: number;
+    dataCy?: string;
+    logarithmic?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: Optional<number>;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Optional<number>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Optional<number>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    customSlider: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/UIKit/StaticSpinner.vue.d.ts

@@ -1,8 +1,6 @@
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     thickness?: number;
     strokeColor?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    thickness?: number;
-    strokeColor?: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;

package/dist/UIKit/Tab/BaseTab.vue.d.ts

@@ -1,21 +1,19 @@
 import { ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    activeTabPanelIdx?: number;
+    headerTitle?: string;
+    tabPanelClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    activeTabPanelIdx?: number;
-    headerTitle?: string;
-    tabPanelClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    activeTabPanelIdx?: number;
-    headerTitle?: string;
-    tabPanelClasses?: ClassType;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/Tab/BaseTabList.vue.d.ts

@@ -1,15 +1,14 @@
 import { ClassType } from '@wikicasa-dev/types';
-declare const _default: import('vue').DefineComponent<{
+import { TabType } from '../types';
+type __VLS_Props = {
     uid: string;
     tabListClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabClick: (e: Event, tabIdx: number) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    uid: string;
-    tabListClasses?: ClassType;
-}> & Readonly<{
-    onTabClick?: ((e: Event, tabIdx: number) => any) | undefined;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClick: (e: Event, tabIdx: number, tabElement: TabType) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onTabClick?: ((e: Event, tabIdx: number, tabElement: TabType) => any) | undefined;
 }>, {
     tabListClasses: ClassType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/UIKit/Tab/BaseTabPanel.vue.d.ts

@@ -1,22 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    active?: boolean;
+    labelledBy: string;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    id: string;
-    active?: boolean;
-    labelledBy: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    id: string;
-    active?: boolean;
-    labelledBy: string;
-}> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     active: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/Tab/BaseTabView.vue.d.ts

@@ -1,24 +1,27 @@
 import { ClassType } from '@wikicasa-dev/types';
-declare let __VLS_typeProps: {
+import { TabType } from '../types';
+type __VLS_Props = {
     tabsPosition?: "top" | "bottom";
     tabViewDescription: string;
     tabListClasses?: ClassType;
+    dataCy?: string;
 };
 type __VLS_PublicProps = {
     "activeIdx"?: number | undefined;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     tabClicked: (args_0: {
         tabIdx: number;
+        tabElement: TabType;
     }) => any;
-    "update:activeIdx": (activeIdx: number | undefined) => any;
+    "update:activeIdx": (value: number | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onTabClicked?: ((args_0: {
         tabIdx: number;
+        tabElement: TabType;
     }) => any) | undefined;
-    "onUpdate:activeIdx"?: ((activeIdx: number | undefined) => any) | undefined;
-}>, {
-    tabListClasses: ClassType;
-    tabsPosition: "top" | "bottom";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    "onUpdate:activeIdx"?: ((value: number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/UIKit/types.d.ts

@@ -1,4 +1,4 @@
-import { ClassType, Icon, LabelItem, IconItem, AccordionItem } from '@wikicasa-dev/types';
+import { Icon, LabelItem, IconItem, AccordionItem } from '@wikicasa-dev/types';
 import { TwPrefix } from '../types';
 export type CardTypes = "mini" | "vertical" | "news" | "";
 export type CardRootTypes = "div" | "article";
@@ -31,6 +31,7 @@ export type CheckboxButtonType<T = string | number, T1 = string | number, T2 = u
     checked?: boolean;
     reset?: boolean;
     payload?: T2;
+    dataCy?: string;
 };
 export type CheckboxButtonTypeObj = Omit<CheckboxButtonType, "checked"> & {
     checked: boolean;
@@ -56,4 +57,6 @@ export type RadioButtonType<T = unknown> = {
 export type AccordionItemDecorated<T = unknown> = Record<string | number, T & Partial<AccordionItem>>;
 type BtnPrefix = "btn-";
 export type ButtonType = `${TwPrefix}${BtnPrefix}${"w-primary" | "w-secondary" | "w-warning" | "w-danger" | "transparent" | "light" | "show-more" | "multi-selection" | "single-selection" | "facile"}`;
+export type ClassType = string | Record<string, boolean> | null | undefined | ClassType[];
+export type ClassTypeProp = ClassType | ClassType[];
 export {};

package/dist/assets/BaseAlert.css

@@ -1 +1 @@
-.uikit-alert{border-radius:12px;padding:1rem;font-weight:500}.uikit-alert.uikit-alert-w-primary{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-alert.uikit-alert-w-danger{--tw-bg-opacity: 1;background-color:rgb(255 244 244 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity, 1))}
+.uikit-alert{border-radius:12px;padding:1rem;font-weight:500}.uikit-alert.uikit-alert-w-primary{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-alert.uikit-alert-w-danger{--tw-bg-opacity: 1;background-color:rgb(255 244 244 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity, 1))}.uikit-alert.uikit-alert-w-dark-primary{--tw-bg-opacity: 1;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}

package/dist/assets/BaseBadge.css

@@ -1 +1 @@
-.uikit-badge{display:inline-flex;height:1.75rem;cursor:default;align-items:center;justify-content:center;border-radius:20px;padding-left:11px;padding-right:11px;padding-top:.25rem;padding-bottom:.25rem;font-weight:600}.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(42 55 97 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(42 55 97 / 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{height:2.25rem;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-left:18px;padding-right:18px;padding-top:.5rem;padding-bottom:.5rem;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;line-height:16px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-primary-sm{height:23px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1));font-size:10px;line-height:14px;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{z-index:10;--tw-bg-opacity: 1;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1));padding-left:11px;padding-right:11px}@media (min-width: 576px){.uikit-badge-w-dark-primary{padding-right:10px;font-size:12px;line-height:16px}}
+.uikit-badge{display:inline-flex;height:1.75rem;cursor:default;align-items:center;justify-content:center;border-radius:20px;padding-left:11px;padding-right:11px;padding-top:.25rem;padding-bottom:.25rem;font-weight:600}.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(42 55 97 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(42 55 97 / 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{height:2.25rem;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-left:18px;padding-right:18px;padding-top:.5rem;padding-bottom:.5rem;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;line-height:16px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-primary-sm{height:23px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1));font-size:10px;line-height:14px;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{z-index:10;--tw-bg-opacity: 1;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1));padding-left:11px;padding-right:11px}@media (min-width: 576px){.uikit-badge-w-dark-primary{padding-right:10px;font-size:12px;line-height:16px}}.uikit-badge-w-danger{--tw-bg-opacity: 1;background-color:rgb(250 79 100 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}

package/dist/assets/BaseCard.css

@@ -1 +1 @@
-.card[data-v-c71d0a69]{--card-height: 240px;position:relative;z-index:0;display:flex;max-width:930px;overflow:hidden;border-radius:20px;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 576px){.card[data-v-c71d0a69]{height:var(--card-height)}}.card .card-body[data-v-c71d0a69]{width:100%;padding:10px 15px}.card .card-img[data-v-c71d0a69]{height:var(--card-height);width:100%;max-width:none}@media (min-width: 576px){.card .card-img[data-v-c71d0a69]{max-width:300px}}.card.vertical[data-v-c71d0a69]{flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-c71d0a69]{min-height:100px;min-width:335px}}@media (min-width: 576px){.card.vertical[data-v-c71d0a69]{height:-moz-fit-content;height:fit-content}}.card.vertical .card-img[data-v-c71d0a69]{width:100%;max-width:100%}@media not all and (min-width: 576px){.card.vertical .card-img[data-v-c71d0a69]{max-width:100%}}.card.mini[data-v-c71d0a69]{max-height:100px;max-width:370px}.card.mini .card-img[data-v-c71d0a69]{max-height:110px;max-width:120px}.card.news-card[data-v-c71d0a69]{height:100px}@media not all and (min-width: 576px){.card.news-card[data-v-c71d0a69]{width:320px}}@media (min-width: 576px){.card.news-card[data-v-c71d0a69]{height:270px;flex-direction:column}}@media not all and (min-width: 576px){.card.news-card .card-img[data-v-c71d0a69]{width:100px;height:100px}}@media (min-width: 576px){.card.news-card .card-img[data-v-c71d0a69]{height:150px;max-width:100%}}
+.card[data-v-923393ce]{--card-max-height: none;--card-max-width: 930px;--card-height: auto;--card-width: auto;--card-border-radius-top-left: 20px;--card-border-radius-top-right: 20px;--card-border-radius-bottom-left: 20px;--card-border-radius-bottom-right: 20px;border-top-left-radius:var(--card-border-radius-top-left);border-top-right-radius:var(--card-border-radius-top-right);border-bottom-left-radius:var(--card-border-radius-bottom-left);border-bottom-right-radius:var(--card-border-radius-bottom-right);height:var(--card-height);width:var(--card-width);max-width:var(--card-max-width);max-height:var(--card-max-height);position:relative;z-index:0;display:flex;overflow:hidden;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media screen and (min-width: 576px){.card[data-v-923393ce]{--card-img-max-width: 300px;--card-height: 240px }}.card .card-body[data-v-923393ce]{--card-body-width: 100%;box-sizing:border-box;width:var(--card-body-width);padding:10px 15px}.card .card-img[data-v-923393ce]{--card-img-height: var(--card-height);--card-img-width: 100%;--card-img-max-height: none;--card-img-max-width: none;height:var(--card-img-height);width:var(--card-img-width);max-width:var(--card-img-max-width);max-height:var(--card-img-max-height)}@media screen and (min-width: 576px){.card .card-img[data-v-923393ce]{--card-img-max-width: 300px }}.card.vertical[data-v-923393ce]{--card-vertical-height: var(--card-height);height:var(--card-vertical-height);flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-923393ce]{min-height:100px;min-width:335px}}@media screen and (min-width: 576px){.card.vertical[data-v-923393ce]{--card-vertical-height: fit-content }}.card.vertical .card-img[data-v-923393ce]{--card-vertical-img-height: 200px;--card-img-width: 100%;--card-img-max-width: 100%;height:var(--card-vertical-img-height)}.card.mini[data-v-923393ce]{--card-max-height: 100px;--card-max-width: 370px}.card.mini .card-img[data-v-923393ce]{--card-img-max-height: 110px;--card-img-max-width: 120px}@media (min-width: 576px){.card.news-card[data-v-923393ce]{flex-direction:column}}.card.news-card[data-v-923393ce]{--card-height: 270px}@media screen and (max-width: 576px){.card.news-card[data-v-923393ce]{--card-height: 100px;--card-width: 320px }.card.news-card .card-img[data-v-923393ce]{--card-height: 100px;--card-img-max-width: 100px }}@media screen and (min-width: 576px){.card.news-card .card-img[data-v-923393ce]{--card-height: 150px;--card-img-max-width: 100% }}

package/dist/assets/BaseFloatingLabel.css

@@ -1 +1 @@
-.floating-label[data-v-9f97558b]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-9f97558b]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-9f97558b]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.floating-label[data-v-9f97558b],.inline-label[data-v-9f97558b]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}
+.floating-label[data-v-2b36371e]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-2b36371e]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-2b36371e]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.floating-label[data-v-2b36371e],.inline-label[data-v-2b36371e]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-cd1cc0a8]{--icon-default-size: 44px}.invalid-bg[data-v-cd1cc0a8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-cd1cc0a8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-cd1cc0a8],.valid-bg[data-v-cd1cc0a8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-cd1cc0a8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-cd1cc0a8]>label.inline-label{left:var(--icon-default-size)}[data-v-cd1cc0a8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-cd1cc0a8] .text-input-icon.left{left:5px}[data-v-cd1cc0a8] .text-input-icon.right{right:5px}[data-v-cd1cc0a8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-cd1cc0a8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-cd1cc0a8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-cd1cc0a8]{left:4px;font-style:italic}
+.input-wrapper[data-v-919095a8]{--icon-default-size: 44px}.invalid-bg[data-v-919095a8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-919095a8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-919095a8],.valid-bg[data-v-919095a8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-919095a8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-919095a8]>label.inline-label{left:var(--icon-default-size)}[data-v-919095a8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-919095a8] .text-input-icon.left{left:5px}[data-v-919095a8] .text-input-icon.right{right:5px}[data-v-919095a8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-919095a8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-919095a8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-919095a8]{left:4px;font-style:italic}

package/dist/assets/BaseSlider.css

@@ -1 +1 @@
-[data-v-c87c86da] .form-control{max-width:none!important}.range_container[data-v-c87c86da]{padding-top:15px}.sliders_control[data-v-c87c86da]{position:relative;min-height:30px}.form_control[data-v-c87c86da]{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}input[type=range][data-v-c87c86da]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;position:absolute;background-color:#b4c2f0;pointer-events:none}input[type=range][data-v-c87c86da]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range][data-v-c87c86da]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}input[type=range][data-v-c87c86da]::-moz-range-thumb{-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}input[type=range][data-v-c87c86da]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border:2px solid #2B5DFF;border-radius:50%;cursor:pointer}input[type=number][data-v-c87c86da]{color:#8a8383;width:50px;height:30px;font-size:20px;border:none}input[type=number][data-v-c87c86da]::-webkit-inner-spin-button,input[type=number][data-v-c87c86da]::-webkit-outer-spin-button{opacity:1}.fromSlider[data-v-c87c86da]{height:0!important;z-index:1}.toSlider[data-v-c87c86da]{height:3px!important}
+[data-v-581ec7f4] .form-control{max-width:none!important}.range_container[data-v-581ec7f4]{padding-top:15px}.sliders_control[data-v-581ec7f4]{position:relative;min-height:30px}.form_control[data-v-581ec7f4]{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}input[type=range][data-v-581ec7f4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;position:absolute;background-color:#b4c2f0;pointer-events:none}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}input[type=range][data-v-581ec7f4]::-moz-range-thumb{-moz-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}input[type=range][data-v-581ec7f4]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:24px;height:24px;background-color:#fff;border:2px solid #2B5DFF;border-radius:50%;cursor:pointer}input[type=number][data-v-581ec7f4]{color:#8a8383;width:50px;height:30px;font-size:20px;border:none}input[type=number][data-v-581ec7f4]::-webkit-inner-spin-button,input[type=number][data-v-581ec7f4]::-webkit-outer-spin-button{opacity:1}.fromSlider[data-v-581ec7f4]{height:0!important;z-index:1}.toSlider[data-v-581ec7f4]{height:3px!important}