@ironsource/shared-ui 2.2.0-rc.52 → 2.2.0-rc.55

package/components/toggle/v3/Toggle.vue2.js

@@ -1,8 +1,8 @@
- import "../../../Toggle.vue_vue_type_style_index_0_scoped_1cf7973e_lang.css"; import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as d, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
+ import "../../../Toggle.vue_vue_type_style_index_0_scoped_fbf7dbeb_lang.css"; import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as a, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
 import "../../typography/Heading.vue.js";
 import u from "../../typography/Text.vue.js";
 import { COLORS as b } from "../../../consts/colors.js";
-import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
+import { ToggleTestIdModifiers as d } from "../../../testids/index.js";
 const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I = ["disabled", "checked", "data-testid"], z = /* @__PURE__ */ h({
   __name: "Toggle",
   props: {
@@ -20,22 +20,22 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
   setup(e, { emit: x }) {
     const r = e;
     v((g) => ({
-      "59dc9bfa": e.color
+      "5d7586c5": e.color
     }));
     const T = () => {
       r.isDisabled || x("update:modelValue", !r.modelValue);
     };
     return (g, y) => (l(), m("div", null, [
-      d("div", {
+      a("div", {
         class: "toggle-wrap",
-        "data-testid": `${e.testId}-${t(a).WRAPPER}`
+        "data-testid": `${e.testId}-${t(d).WRAPPER}`
       }, [
-        d("div", {
+        a("div", {
           class: i(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
-          "data-testid": `${e.testId}-${t(a).BODY}`,
+          "data-testid": `${e.testId}-${t(d).BODY}`,
           onClick: T
         }, [
-          d("div", E, [
+          a("div", E, [
             e.isLoading ? (l(), m("span", {
               key: 0,
               class: i(["loader", {
@@ -44,18 +44,18 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
             }, null, 2)) : s("", !0)
           ])
         ], 10, k),
-        d("input", {
+        a("input", {
           type: "checkbox",
           disabled: e.isDisabled,
           checked: e.modelValue,
-          "data-testid": `${e.testId}-${t(a).FIELD}`,
+          "data-testid": `${e.testId}-${t(d).FIELD}`,
           class: "checkbox"
         }, null, 8, I),
         V(t(u), {
           size: "sm",
           "is-truncated": "",
           class: i(["item-text", { "text-disabled": e.isDisabled }]),
-          "test-id": `${e.testId}-${t(a).TEXT}`
+          "test-id": `${e.testId}-${t(d).TEXT}`
         }, {
           default: o(() => [
             c(n(e.modelValue ? e.activeText : e.inactiveText), 1)
@@ -63,12 +63,12 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
           _: 1
         }, 8, ["class", "test-id"])
       ], 8, $),
-      d("div", null, [
+      a("div", null, [
         e.helperText ? (l(), f(t(u), {
           key: 0,
           size: "caption",
           class: "helper-text",
-          "test-id": `${e.testId}-${t(a).HELPER_TEXT}`
+          "test-id": `${e.testId}-${t(d).HELPER_TEXT}`
         }, {
           default: o(() => [
             c(n(e.helperText), 1)
@@ -79,7 +79,7 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
           key: 1,
           size: "caption",
           class: i(["error-text", { "error-and-help": !!e.helperText }]),
-          "test-id": `${e.testId}-${t(a).ERROR_TEXT}`
+          "test-id": `${e.testId}-${t(d).ERROR_TEXT}`
         }, {
           default: o(() => [
             c(n(e.errorText), 1)

package/components/tooltip/v3/Tooltip.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     testId: string;
 }>>>, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: TooltipTriggers[];

package/components/tooltip/v3/Tooltip.vue.js

@@ -1,8 +1,8 @@
 import o from "./Tooltip.vue2.js";
 /* empty css              *//* empty css              */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css"; //*');
+// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_b9b75a5a_lang.css"; //*');
 // import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-20630944"]]);
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b9b75a5a"]]);
 export {
   l as default
 };

package/components/tooltip/v3/Tooltip.vue2.js

@@ -1,10 +1,10 @@
- import "../../../Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css";  import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  import { defineComponent as y, ref as s, useSlots as g, watch as h, openBlock as r, createBlock as n, unref as a, mergeProps as w, withCtx as u, createElementVNode as m, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
+ import "../../../Tooltip.vue_vue_type_style_index_0_scoped_b9b75a5a_lang.css";  import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  import { defineComponent as y, ref as r, useSlots as w, watch as m, openBlock as n, createBlock as s, unref as a, mergeProps as g, withCtx as u, createElementVNode as h, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
 import I from "./TextWithTitleContent.vue.js";
 import "../../typography/Heading.vue.js";
 import W from "../../typography/Text.vue.js";
 import { Tooltip as b } from "floating-vue";
 import { TooltipTestIdModifiers as v } from "../../../testids/index.js";
-const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
+const N = /* @__PURE__ */ y({
   __name: "Tooltip",
   props: {
     text: { default: null },
@@ -18,25 +18,25 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
     testId: { default: "" }
   },
   setup(e) {
-    const o = e, i = s(!1), l = s(null), d = s(null), x = g(), c = () => i.value ? o.text : null, f = async () => {
+    const o = e, i = r(!1), l = r(null), d = r(null), x = w(), c = () => i.value ? o.text : null, f = async () => {
       if (i.value = !0, await $(), !o.forceShowWithTruncate) {
         const t = d.value?.children && d.value.children[0];
         (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
       }
     };
-    return h(
+    return m(
       () => o.text,
       async () => {
         await f(), l.value = c();
       },
       { immediate: !0 }
-    ), h(
+    ), m(
       () => x.default,
       async () => {
         await f(), l.value = c();
       },
       { immediate: !0 }
-    ), (t, T) => (r(), n(a(b), w(t.$props, {
+    ), (t, T) => (n(), s(a(b), g(t.$props, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
@@ -48,13 +48,13 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
       "auto-hide": ""
     }), {
       popper: u(() => [
-        m("div", B, [
+        h("div", null, [
           p(t.$slots, "tooltip", { text: l.value }, () => [
-            e.header ? (r(), n(I, {
+            e.header ? (n(), s(I, {
               key: 1,
               text: e.text,
               header: e.header
-            }, null, 8, ["text", "header"])) : (r(), n(a(W), {
+            }, null, 8, ["text", "header"])) : (n(), s(a(W), {
               key: 0,
               size: "sm",
               "is-truncated": !1,
@@ -70,7 +70,7 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
         ])
       ]),
       default: u(() => [
-        m("div", {
+        h("div", {
           ref_key: "container",
           ref: d,
           class: "container"
@@ -83,5 +83,5 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
   }
 });
 export {
-  O as default
+  N as default
 };

package/components/tooltip/v3/index.d.ts

@@ -3,9 +3,9 @@ declare const TooltipTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            theme: string;
             header: string;
             text: string;
-            theme: string;
             testId: string;
             delay: number;
             triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -13,6 +13,10 @@ declare const TooltipTypes: () => ({
             placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -21,10 +25,6 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -49,7 +49,7 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "header" | "text" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -64,6 +64,10 @@ declare const TooltipTypes: () => ({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -72,10 +76,6 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -101,9 +101,9 @@ declare const TooltipTypes: () => ({
                 default: boolean;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            theme: string;
             header: string;
             text: string;
-            theme: string;
             testId: string;
             delay: number;
             triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -131,6 +131,10 @@ declare const TooltipTypes: () => ({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         header: {
             type: import("vue").PropType<string>;
             default: any;
@@ -139,10 +143,6 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-        theme: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -172,6 +172,10 @@ declare const TooltipTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     header: {
         type: import("vue").PropType<string>;
         default: any;
@@ -180,10 +184,6 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-    theme: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -209,9 +209,9 @@ declare const TooltipTypes: () => ({
         default: boolean;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: import("../common/Tooltip.types").TooltipTriggers[];

package/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -68,9 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onShow?: () => any;
 }, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: TooltipTriggers[];

package/components/tooltip/v4/TooltipV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8aebfee"]]);
+const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f88fbece"]]);
 export {
   l as default
 };

package/components/tooltip/v4/TooltipV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
 import V from "./TextWithTitleContent.vue.js";
 import { Tooltip as W } from "floating-vue";
 import { TooltipTestIdModifiers as p } from "../../../testids/index.js";

package/components/tooltip/v4/index.d.ts

@@ -4,9 +4,9 @@ declare const TooltipTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            theme: string;
             header: string;
             text: string;
-            theme: string;
             testId: string;
             delay: number;
             triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -20,6 +20,10 @@ declare const TooltipTypes: () => ({
             dontWrapDisabled: boolean;
             maxWidth: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -28,10 +32,6 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -82,7 +82,7 @@ declare const TooltipTypes: () => ({
             };
         }>> & {
             onShow?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "header" | "text" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -97,6 +97,10 @@ declare const TooltipTypes: () => ({
         $emit: (event: "show") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -105,10 +109,6 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -162,9 +162,9 @@ declare const TooltipTypes: () => ({
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             show: () => void;
         }, string, {
+            theme: string;
             header: string;
             text: string;
-            theme: string;
             testId: string;
             delay: number;
             triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -198,6 +198,10 @@ declare const TooltipTypes: () => ({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         header: {
             type: import("vue").PropType<string>;
             default: any;
@@ -206,10 +210,6 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-        theme: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -265,6 +265,10 @@ declare const TooltipTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     header: {
         type: import("vue").PropType<string>;
         default: any;
@@ -273,10 +277,6 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-    theme: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -330,9 +330,9 @@ declare const TooltipTypes: () => ({
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => void;
 }, string, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: import("../common/Tooltip.types").TooltipTriggers[];

package/design-foundation.stories/colors/ColorsData.d.ts

@@ -116,3 +116,117 @@ export declare const colorPaletteLight: {
         b: string;
     };
 };
+export declare const colorPaletteDark: {
+    background: {
+        default: string;
+        paper: string;
+        'modal-elevation': string;
+        backdrop: string;
+        'paper-elevation-0': string;
+        inset: string;
+        'paper-elevation-1': string;
+        'paper-elevation-2': string;
+        'paper-elevation-3': string;
+        'paper-elevation-4': string;
+        'paper-elevation-5': string;
+        'paper-elevation-6': string;
+        'paper-elevation-7': string;
+        'paper-elevation-8': string;
+        'paper-elevation-9': string;
+    };
+    action: {
+        primary: string;
+        active: string;
+        hover: string;
+        selected: string;
+        disabled: string;
+        'disabled-background': string;
+        focus: string;
+        'outlined-border': string;
+    };
+    default: {
+        main: string;
+        light: string;
+        dark: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
+    };
+    common: {
+        white: string;
+        black: string;
+        'inverse-white': string;
+        'inverse-black': string;
+        divider: string;
+        'divider-elevation-0': string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    primary: {
+        lighter: string;
+        light: string;
+        main: string;
+        'main-8-p': string;
+        'main-50-p': string;
+        dark: string;
+        darker: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
+    };
+    info: {
+        lighter: string;
+        light: string;
+        main: string;
+        'main-8-p': string;
+        'main-50-p': string;
+        dark: string;
+        darker: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
+    };
+    success: {
+        lighter: string;
+        light: string;
+        main: string;
+        'main-8-p': string;
+        'main-50-p': string;
+        dark: string;
+        darker: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
+    };
+    warning: {
+        lighter: string;
+        light: string;
+        main: string;
+        'main-8-p': string;
+        'main-50-p': string;
+        dark: string;
+        darker: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
+    };
+    error: {
+        lighter: string;
+        light: string;
+        main: string;
+        'main-8-p': string;
+        'main-50-p': string;
+        dark: string;
+        darker: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
+    };
+    ab: {
+        a: string;
+        b: string;
+    };
+};

package/design-foundation.stories/colors/ColorsStoryWrapper.vue.d.ts

@@ -1,3 +1,30 @@
 import '../../style/v4/colors.scss';
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    theme?: 'light' | 'dark';
+}>, {
+    theme: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    theme?: 'light' | 'dark';
+}>, {
+    theme: string;
+}>>>, {
+    theme: 'light' | 'dark';
+}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};