@teammodlr/ui-kit 2.0.29 → 2.0.31

package/lib/components/select/Select.vue.d.ts

@@ -1,194 +1,194 @@
-import type { Size } from "../../types/props";
-import { type PropType } from "vue";
-import * as style from "./style";
-declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: StringConstructor;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<any[]>;
-        required: true;
-    };
-    searchable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-    consistentWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: StringConstructor;
-    };
-    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
-    rules: {
-        readonly type: ArrayConstructor;
-        readonly default: () => never[];
-    };
-}, {
-    container: import("vue").Ref<HTMLElement | null>;
-    optionsRef: import("vue").Ref<HTMLElement[] | undefined>;
-    searchRef: import("vue").Ref<HTMLElement | undefined>;
-    selectRef: import("vue").Ref<HTMLElement | undefined>;
-    popper: import("vue").Ref<HTMLElement | null | undefined>;
-    focusSelect: () => void;
-    focusOut: (e: Event) => void;
-    id: Readonly<import("vue").Ref<string>>;
-    isOpen: import("vue").ComputedRef<boolean>;
-    open: import("vue").Ref<boolean>;
-    selected: import("vue").WritableComputedRef<any>;
-    computedOptions: import("vue").ComputedRef<{
-        value: any;
-        label: any;
-        active: boolean;
-        onClick: () => void;
-    }[]>;
-    selectedIndex: import("vue").Ref<number | undefined>;
-    search: import("vue").Ref<string>;
-    containerComputedClasses: import("vue").ComputedRef<(string | {
-        'm-form__input': boolean;
-    })[]>;
-    selectComputedClasses: import("vue").ComputedRef<(string | {
-        [x: string]: any;
-        'm-select--disabled': any;
-        'm-select--focused': boolean;
-        'm-select--multiple': boolean;
-        'm-select--error': any;
-    })[]>;
-    computedWrapperClasses: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    computedConsistentWidth: import("vue").ComputedRef<{
-        width: string;
-    } | {
-        width?: undefined;
-    }>;
-    getSelectedLabel: (value: string | number | []) => any;
-    openSelect: () => void;
-    removeSelected: (value: string | number) => void;
-    inputError: import("vue").ComputedRef<any>;
-    transitionName: import("vue").ComputedRef<string>;
-    inputListeners: {};
-    style: typeof style;
-    focused: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<any[]>;
-        required: true;
-    };
-    searchable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-    consistentWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: StringConstructor;
-    };
-    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
-    rules: {
-        readonly type: ArrayConstructor;
-        readonly default: () => never[];
-    };
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    required: boolean;
-    size: Size;
-    multiple: boolean;
-    disabled: boolean;
-    loading: boolean;
-    readonly: boolean;
-    rules: unknown[];
-    placeholder: string;
-    description: string;
-    transitionName: string;
-    optionLabel: string;
-    searchable: boolean;
-    optionValue: string;
-    consistentWidth: boolean;
-}>;
-export default _default;
+import type { Size } from "../../types/props";
+import { type PropType } from "vue";
+import * as style from "./style";
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<any[]>;
+        required: true;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    consistentWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: StringConstructor;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+}, {
+    container: import("vue").Ref<HTMLElement | null>;
+    optionsRef: import("vue").Ref<HTMLElement[] | undefined>;
+    searchRef: import("vue").Ref<HTMLElement | undefined>;
+    selectRef: import("vue").Ref<HTMLElement | undefined>;
+    popper: import("vue").Ref<HTMLElement | null | undefined>;
+    focusSelect: () => void;
+    focusOut: (e: Event) => void;
+    id: Readonly<import("vue").Ref<string>>;
+    isOpen: import("vue").ComputedRef<boolean>;
+    open: import("vue").Ref<boolean>;
+    selected: import("vue").WritableComputedRef<any>;
+    computedOptions: import("vue").ComputedRef<{
+        value: any;
+        label: any;
+        active: boolean;
+        onClick: () => void;
+    }[]>;
+    selectedIndex: import("vue").Ref<number | undefined>;
+    search: import("vue").Ref<string>;
+    containerComputedClasses: import("vue").ComputedRef<(string | {
+        'm-form__input': boolean;
+    })[]>;
+    selectComputedClasses: import("vue").ComputedRef<(string | {
+        [x: string]: any;
+        'm-select--disabled': any;
+        'm-select--focused': boolean;
+        'm-select--multiple': boolean;
+        'm-select--error': any;
+    })[]>;
+    computedWrapperClasses: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    computedConsistentWidth: import("vue").ComputedRef<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
+    getSelectedLabel: (value: string | number | []) => any;
+    openSelect: () => void;
+    removeSelected: (value: string | number) => void;
+    inputError: import("vue").ComputedRef<any>;
+    transitionName: import("vue").ComputedRef<string>;
+    inputListeners: {};
+    style: typeof style;
+    focused: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<any[]>;
+        required: true;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    consistentWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: StringConstructor;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    size: Size;
+    multiple: boolean;
+    disabled: boolean;
+    loading: boolean;
+    readonly: boolean;
+    rules: unknown[];
+    placeholder: string;
+    description: string;
+    transitionName: string;
+    searchable: boolean;
+    optionValue: string;
+    optionLabel: string;
+    consistentWidth: boolean;
+}>;
+export default _default;

package/lib/components/select/style/Select.css.d.ts

@@ -1,31 +1,31 @@
-export declare const vars: {
-    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    paddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    paddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    cursor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    optionColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    optionBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const wrapper: string;
-export declare const base: string;
-export declare const selectedTags: string;
-export declare const block: string;
-export declare const disabled: string;
-export declare const label: string;
-export declare const description: string;
-export declare const errorMessage: string;
-export declare const error: string;
-export declare const focused: string;
-export declare const rightIcon: string;
-export declare const hasRightIcon: string;
-export declare const menu: string;
-export declare const placeholder: string;
-export declare const search: string;
-export declare const options: string;
-export declare const option: string;
-export declare const optionFocused: string;
-export declare const optionSelected: string;
+export declare const vars: {
+    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    paddingX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    paddingY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    cursor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    optionColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    optionBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const wrapper: string;
+export declare const base: string;
+export declare const selectedTags: string;
+export declare const block: string;
+export declare const disabled: string;
+export declare const label: string;
+export declare const description: string;
+export declare const errorMessage: string;
+export declare const error: string;
+export declare const focused: string;
+export declare const rightIcon: string;
+export declare const hasRightIcon: string;
+export declare const menu: string;
+export declare const placeholder: string;
+export declare const search: string;
+export declare const options: string;
+export declare const option: string;
+export declare const optionFocused: string;
+export declare const optionSelected: string;

package/lib/components/select/style/index.d.ts

@@ -1 +1 @@
-export * from './Select.css';
+export * from './Select.css';

package/lib/components/skeleton/Skeleton.vue.d.ts

@@ -1,33 +1,33 @@
-declare const _default: import("vue").DefineComponent<{
-    width: {
-        type: StringConstructor;
-    };
-    height: {
-        type: StringConstructor;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    computedClasses: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    computedStyles: import("vue").ComputedRef<{
-        [cssVarName: string]: string;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: StringConstructor;
-    };
-    height: {
-        type: StringConstructor;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    loading: boolean;
-}>;
-export default _default;
+declare const _default: import("vue").DefineComponent<{
+    width: {
+        type: StringConstructor;
+    };
+    height: {
+        type: StringConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    computedClasses: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    computedStyles: import("vue").ComputedRef<{
+        [cssVarName: string]: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+    };
+    height: {
+        type: StringConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    loading: boolean;
+}>;
+export default _default;

package/lib/components/skeleton/style/Skeleton.css.d.ts

@@ -1,8 +1,10 @@
-export declare const vars: {
-    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    marginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const base: string;
-export declare const loading: string;
+export declare const vars: {
+    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    marginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    radius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    startColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    endColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const base: string;
+export declare const loading: string;

package/lib/components/skeleton/style/index.d.ts

@@ -1,2 +1,2 @@
-export { assignInlineVars } from '@vanilla-extract/dynamic';
-export * from './Skeleton.css';
+export { assignInlineVars } from '@vanilla-extract/dynamic';
+export * from './Skeleton.css';

package/lib/components/slider/Slider.vue.d.ts

@@ -1,32 +1,32 @@
-import * as style from './style';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: NumberConstructor;
-        required: true;
-    };
-    background: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {
-    setThumbPosition: () => void;
-    elementX: import("vue").Ref<number>;
-    pressed: import("vue").Ref<boolean>;
-    handleMouseDown: () => void;
-    slider: import("vue").Ref<HTMLElement | undefined>;
-    style: typeof style;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: NumberConstructor;
-        required: true;
-    };
-    background: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    background: string;
-}>;
-export default _default;
+import * as style from './style';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    setThumbPosition: () => void;
+    elementX: import("vue").Ref<number>;
+    pressed: import("vue").Ref<boolean>;
+    handleMouseDown: () => void;
+    slider: import("vue").Ref<HTMLElement | undefined>;
+    style: typeof style;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    background: string;
+}>;
+export default _default;

package/lib/components/slider/style/Slider.css.d.ts

@@ -1,4 +1,4 @@
-export declare const slider: string;
-export declare const sliderTransparent: string;
-export declare const sliderBar: string;
-export declare const hueSliderThumb: string;
+export declare const slider: string;
+export declare const sliderTransparent: string;
+export declare const sliderBar: string;
+export declare const hueSliderThumb: string;

package/lib/components/slider/style/index.d.ts

@@ -1 +1 @@
-export * from './Slider.css';
+export * from './Slider.css';