mediacube-ui-v2 0.0.0 → 0.0.2

package/README.md

@@ -2,6 +2,8 @@
 
 This template should help get you started developing with Vue 3 in Vite.
 
+[![Screenshot](./public/preview.png)](https://storybook.js.org/)
+
 
 ## Type Support for `.vue` Imports in TS
 

package/dist/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/McBottomLoader-DP6VeK0N.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./index-DUxSE0Pp.js";
+export {
+  f as default
+};

package/dist/McOverlay-BZft7En3.js

@@ -0,0 +1,4 @@
+import { a as f } from "./index-DUxSE0Pp.js";
+export {
+  f as default
+};

package/dist/assets/tokens/json/animations.json.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+  "$animation-slide-up": "slide-up 0.3s",
+  "$animation-slide-up-with-margin": "slide-up-with-margin 0.3s",
+  "$animation-spinner": "rotate 1.2s infinite cubic-bezier(0.55, 0, 0.1, 1)",
+  "$animation-glow": "glow 1.5s ease-in-out infinite"
+};
+
+export default _default;

package/dist/assets/tokens/json/border-radius.json.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+  "$radius-square": "0px",
+  "$radius-50": "4px",
+  "$radius-100": "8px",
+  "$radius-150": "12px",
+  "$radius-200": "16px",
+  "$radius-300": "24px",
+  "$radius-400": "32px",
+  "$radius-1250": "100px",
+  "$radius-rounded": "300px",
+  "$radius-circle": "50%",
+  "$token-radius": {
+    "50": "4px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "300": "24px",
+    "400": "32px",
+    "1250": "100px",
+    "square": "0px",
+    "rounded": "300px",
+    "circle": "50%"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/box-shadows.json.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+  "$shadow-xs": "0 2px 8px rgba(0, 0, 0, 0.16)",
+  "$shadow-s": "0 4px 12px rgba(0, 0, 0, 0.16)",
+  "$shadow-m": "0 12px 32px rgba(0, 0, 0, 0.24)",
+  "$shadow-l": "0 24px 40px rgba(0, 0, 0, 0.16)",
+  "$shadow-xs-blue": "0px 2px 8px rgba(51, 68, 153, 0.1)",
+  "$shadow-s-blue": "0 4px 12px rgba(51, 68, 153, 0.1)",
+  "$shadow-m-blue": "0 12px 32px rgba(51, 68, 153, 0.2)",
+  "$shadow-xs-purple": "0px 2px 8px rgba(91, 44, 205, 0.1)",
+  "$shadow-s-purple": "0 4px 12px rgba(91, 44, 205, 0.1)",
+  "$shadow-m-purple": "0 12px 32px rgba(91, 44, 205, 0.2)",
+  "$token-shadows": {
+    "xs": "0 2px 8px rgba(0, 0, 0, 0.16)",
+    "s": "0 4px 12px rgba(0, 0, 0, 0.16)",
+    "m": "0 12px 32px rgba(0, 0, 0, 0.24)",
+    "l": "0 24px 40px rgba(0, 0, 0, 0.16)",
+    "xs-blue": "0px 2px 8px rgba(51, 68, 153, 0.1)",
+    "s-blue": "0 4px 12px rgba(51, 68, 153, 0.1)",
+    "m-blue": "0 12px 32px rgba(51, 68, 153, 0.2)",
+    "xs-purple": "0px 2px 8px rgba(91, 44, 205, 0.1)",
+    "s-purple": "0 4px 12px rgba(91, 44, 205, 0.1)",
+    "m-purple": "0 12px 32px rgba(91, 44, 205, 0.2)"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/colors.json.d.ts

@@ -0,0 +1,73 @@
+declare const _default: {
+  "$color-black": "#202427",
+  "$color-dark-gray": "#5C6670",
+  "$color-gray": "#8F99A3",
+  "$color-outline-gray": "#C7CCD1",
+  "$color-outline-light": "#DEE0E2",
+  "$color-hover-gray": "#EDF0F3",
+  "$color-bg-gray": "#F5F6Fa",
+  "$color-white": "#FFFFFF",
+  "$color-hover-purple": "#7238FF",
+  "$color-purple": "#8756FF",
+  "$color-light-purple": "#CBB7FF",
+  "$color-lighter-purple": "#EEE8FF",
+  "$color-bg-purple": "#9673ED",
+  "$color-primary-bg": "#F5F6Fa",
+  "$color-hover-blue": "#0A54C2",
+  "$color-blue": "#2578F4",
+  "$color-light-blue": "#92BBFA",
+  "$color-lighter-blue": "#E1EDFF",
+  "$color-dark-orange": "#BD8400",
+  "$color-orange": "#FCB100",
+  "$color-yellow": "#FFC60A",
+  "$color-dark-red": "#D5260B",
+  "$color-bright-pink": "#e8178a",
+  "$color-red": "#F5563D",
+  "$color-pale-pink": "#FC9283",
+  "$color-dark-green": "#218321",
+  "$color-green": "#4DCB4D",
+  "$color-toxic": "#E8F443",
+  "$color-ultraviolet": "#C41CFD",
+  "$color-pinkish": "#F073B1",
+  "$color-azure": "#0A85C2",
+  "$color-turquoise": "#4EA9A2",
+  "$color-darken-turquoise": "#2F8C99",
+  "$color-transparent": "transparent",
+  "$token-colors": {
+    "purple": "#8756FF",
+    "hover-purple": "#7238FF",
+    "light-purple": "#CBB7FF",
+    "bg-purple": "#9673ED",
+    "lighter-purple": "#EEE8FF",
+    "black": "#202427",
+    "outline-light": "#DEE0E2",
+    "dark-gray": "#5C6670",
+    "gray": "#8F99A3",
+    "outline-gray": "#C7CCD1",
+    "hover-gray": "#EDF0F3",
+    "bg-gray": "#F5F6Fa",
+    "white": "#FFFFFF",
+    "hover-blue": "#0A54C2",
+    "blue": "#2578F4",
+    "light-blue": "#92BBFA",
+    "lighter-blue": "#E1EDFF",
+    "dark-orange": "#BD8400",
+    "orange": "#FCB100",
+    "yellow": "#FFC60A",
+    "dark-red": "#D5260B",
+    "red": "#F5563D",
+    "bright-pink": "#e8178a",
+    "pale-pink": "#FC9283",
+    "dark-green": "#218321",
+    "green": "#4DCB4D",
+    "toxic": "#E8F443",
+    "ultraviolet": "#C41CFD",
+    "pinkish": "#F073B1",
+    "azure": "#0A85C2",
+    "turquoise": "#4EA9A2",
+    "darken-turquoise": "#2F8C99",
+    "transparent": "transparent"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/durations.json.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+  "$duration-s": "150ms",
+  "$duration-m": "300ms",
+  "$duration-l": "500ms",
+  "$token-durations": {
+    "s": "150ms",
+    "m": "300ms",
+    "l": "500ms"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/easings.json.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+  "$easing-swift": "cubic-bezier(0.55, 0, 0.1, 1)"
+};
+
+export default _default;

package/dist/assets/tokens/json/font-families.json.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+  "$font-family-main": "'Inter', sans-serif",
+  "$font-family-additional": "'Source Serif Pro', serif"
+};
+
+export default _default;

package/dist/assets/tokens/json/font-sizes.json.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+  "$font-size-100": "10px",
+  "$font-size-200": "13px",
+  "$font-size-300": "16px",
+  "$font-size-400": "20px",
+  "$font-size-500": "28px",
+  "$font-size-600": "32px",
+  "$font-size-700": "48px",
+  "$token-font-sizes": {
+    "100": "10px",
+    "200": "13px",
+    "300": "16px",
+    "400": "20px",
+    "500": "28px",
+    "600": "32px",
+    "700": "48px"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/font-weights.json.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  "$font-weight-normal": "400",
+  "$font-weight-medium": "500",
+  "$font-weight-semi-bold": "600",
+  "$font-weight-bold": "700",
+  "$token-font-weights": {
+    "normal": "400",
+    "medium": "500",
+    "semi-bold": "600",
+    "bold": "700"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/gradients.json.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+  "$gradient-pink": "linear-gradient(180deg, #F5576C 0%, #F093FB 100%)",
+  "$gradient-violet": "linear-gradient(180deg, #E41AFE 0%, #8035F8 100%)",
+  "$gradient-blue": "linear-gradient(180deg, #1ADBFE 0%, #3580F8 100%)",
+  "$gradient-yellow": "linear-gradient(180deg, #FEE41A 0%, #F89B35 100%)",
+  "$gradient-green": "linear-gradient(180deg, #C9DD4C 0%, #63BE7E 100%)",
+  "$gradient-red": "linear-gradient(180deg, #F26567 0%, #F79440 100%)",
+  "$gradient-purple": "linear-gradient(270deg, #9a47ed 0%, #8446ff 100%)",
+  "$gradient-purple-pink": "linear-gradient(90deg, #722eff 2%, #fe6ffc 100%)",
+  "$gradient-blue-purple": "linear-gradient(90deg, #18bfe3 20%, #8756ff 70%)",
+  "$gradient-dark-blue": "linear-gradient(90deg, #5550EF 0%, #7F4EFF 100%)",
+  "$gradient-primary-radial": "radial-gradient(rgb(179, 211, 255), rgb(62, 132, 244))"
+};
+
+export default _default;

package/dist/assets/tokens/json/index.d.ts

@@ -0,0 +1,18 @@
+import { default as animations } from './animations.json';
+import { default as borderRadius } from './border-radius.json';
+import { default as boxShadows } from './box-shadows.json';
+import { default as colors } from './colors.json';
+import { default as durations } from './durations.json';
+import { default as easings } from './easings.json';
+import { default as fontFamilies } from './font-families.json';
+import { default as fontSizes } from './font-sizes.json';
+import { default as fontWeights } from './font-weights.json';
+import { default as gradients } from './gradients.json';
+import { default as letterSpacings } from './letter-spacings.json';
+import { default as lineHeights } from './line-heights.json';
+import { default as mediaQueries } from './media-queries.json';
+import { default as opacities } from './opacities.json';
+import { default as sizes } from './sizes.json';
+import { default as spacings } from './spacings.json';
+import { default as zIndexes } from './z-indexes.json';
+export { animations, borderRadius, boxShadows, colors, durations, easings, fontFamilies, fontSizes, fontWeights, gradients, letterSpacings, lineHeights, mediaQueries, opacities, sizes, spacings, zIndexes, };

package/dist/assets/tokens/json/letter-spacings.json.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+  "$letter-spacing-m": "0.4px",
+  "$letter-spacing-l": "1px"
+};
+
+export default _default;

package/dist/assets/tokens/json/line-heights.json.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+  "$line-height-150": "12px",
+  "$line-height-200": "16px",
+  "$line-height-250": "20px",
+  "$line-height-300": "24px",
+  "$line-height-400": "32px",
+  "$line-height-500": "40px",
+  "$line-height-600": "48px",
+  "$token-line-heights": {
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "600": "48px"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/media-queries.json.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+  "$media-query-xs": "\"(min-width: 375px)\"",
+  "$media-query-s": "\"(min-width: 480px)\"",
+  "$media-query-m": "\"(min-width: 768px)\"",
+  "$media-query-l": "\"(min-width: 1024px)\"",
+  "$media-query-xl": "\"(min-width: 1440px)\"",
+  "$media-query-xs-down": "\"(max-width: 374px)\"",
+  "$media-query-s-down": "\"(max-width: 479px)\"",
+  "$media-query-m-down": "\"(max-width: 767px)\"",
+  "$media-query-l-down": "\"(max-width: 1023px)\"",
+  "$media-query-xl-down": "\"(max-width: 1439px)\"",
+  "$media-desktop": "\"(hover: hover) and (pointer: fine)\"",
+  "$media-mobile": "\"(hover: none) and (pointer: coarse)\"",
+  "$token-media-queries": {
+    "xs": "\"(min-width: 375px)\"",
+    "s": "\"(min-width: 480px)\"",
+    "m": "\"(min-width: 768px)\"",
+    "l": "\"(min-width: 1024px)\"",
+    "xl": "\"(min-width: 1440px)\"",
+    "xs-down": "\"(max-width: 374px)\"",
+    "s-down": "\"(max-width: 479px)\"",
+    "m-down": "\"(max-width: 767px)\"",
+    "l-down": "\"(max-width: 1023px)\"",
+    "xl-down": "\"(max-width: 1439px)\""
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/opacities.json.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  "$opacity-disabled": "0.6",
+  "$opacity-active": "0.7",
+  "$opacity-hover": "0.8"
+};
+
+export default _default;

package/dist/assets/tokens/json/sizes.json.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+  "$size-50": "4px",
+  "$size-100": "8px",
+  "$size-150": "12px",
+  "$size-200": "16px",
+  "$size-250": "20px",
+  "$size-300": "24px",
+  "$size-400": "32px",
+  "$size-500": "40px",
+  "$size-550": "44px",
+  "$size-600": "48px",
+  "$size-700": "56px",
+  "$size-800": "64px",
+  "$size-900": "72px",
+  "$size-1000": "80px",
+  "$token-avatar-sizes": {
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "900": "72px",
+    "1000": "80px"
+  },
+  "$token-icon-sizes": {
+    "50": "4px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "550": "44px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "900": "72px",
+    "1000": "80px"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/spacings.json.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+  "$space-zero": "0",
+  "$space-50": "4px",
+  "$space-100": "8px",
+  "$space-150": "12px",
+  "$space-200": "16px",
+  "$space-250": "20px",
+  "$space-300": "24px",
+  "$space-350": "28px",
+  "$space-400": "32px",
+  "$space-450": "36px",
+  "$space-500": "40px",
+  "$space-600": "48px",
+  "$space-700": "56px",
+  "$space-800": "64px",
+  "$space-900": "72px",
+  "$space-1000": "80px",
+  "$token-spaces": {
+    "50": "4px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "450": "36px",
+    "500": "40px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "900": "72px",
+    "1000": "80px"
+  }
+};
+
+export default _default;

package/dist/assets/tokens/json/z-indexes.json.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  "$z-index-sticky-tabs": "49",
+  "$z-index-dropdown": "100",
+  "$z-index-sticky": "100",
+  "$z-index-overlay-page": "7000",
+  "$z-index-modal": "8000",
+  "$z-index-top-line": "8000",
+  "$z-index-header": "10000",
+  "$z-index-notification": "10001",
+  "$z-index-overlay": "10002",
+  "$z-index-toasted": "10003"
+};
+
+export default _default;

package/dist/components/elements/McAvatar/McAvatar.vue.d.ts

@@ -0,0 +1,156 @@
+import { AvatarSizeTypes } from '../../../types/styles/AvatarSizes';
+import { ColorTypes } from '../../../types/styles/Colors';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Путь до изображения
+     *
+     */
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     *  Отложенная подгрузка
+     *
+     */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Атрибут alt
+     */
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     *  Размеры
+     */
+    size: {
+        type: () => AvatarSizeTypes;
+        default: string;
+    };
+    /**
+     *  Круглый
+     *
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Цвет рамки
+     *
+     */
+    borderColor: {
+        type: () => ColorTypes;
+        default: string;
+    };
+    /**
+     *  Цвет точки
+     *
+     */
+    dotColor: {
+        type: () => ColorTypes;
+        default: string;
+    };
+    /**
+     *  Цвет точки
+     *
+     */
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Перетаскивание изображения
+     *
+     */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Путь до изображения
+     *
+     */
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     *  Отложенная подгрузка
+     *
+     */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Атрибут alt
+     */
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     *  Размеры
+     */
+    size: {
+        type: () => AvatarSizeTypes;
+        default: string;
+    };
+    /**
+     *  Круглый
+     *
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Цвет рамки
+     *
+     */
+    borderColor: {
+        type: () => ColorTypes;
+        default: string;
+    };
+    /**
+     *  Цвет точки
+     *
+     */
+    dotColor: {
+        type: () => ColorTypes;
+        default: string;
+    };
+    /**
+     *  Цвет точки
+     *
+     */
+    shadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     *  Перетаскивание изображения
+     *
+     */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    lazy: boolean;
+    src: string;
+    alt: string;
+    size: "400" | "500" | "600" | "700" | "300" | "800" | "900" | "1000";
+    rounded: boolean;
+    borderColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    dotColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    shadow: boolean;
+    draggable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/elements/McBadge/McBadge.vue.d.ts

@@ -0,0 +1,53 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Дизайн:
+     *  `purple, purple-outline т.д.`
+     */
+    variation: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     *  Вертикальная черта (в таблице, к примеру)
+     */
+    verticalLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modern: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Дизайн:
+     *  `purple, purple-outline т.д.`
+     */
+    variation: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     *  Вертикальная черта (в таблице, к примеру)
+     */
+    verticalLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modern: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    variation: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    verticalLine: boolean;
+    modern: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/elements/McBottomLoader/McBottomLoader.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;