@ironsource/shared-ui 2.1.3-rc.5 → 2.1.3-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,90 +1 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
2
- import I from "../../typography/v4/Typography.vue.js";
3
- import y from "../../icon/v4/IconV4.vue.js";
4
- import b from "../../loader/v4/Loader.vue.js";
5
- const k = ["data-testid", "disabled"], v = { key: 0 }, V = /* @__PURE__ */ N({
6
- __name: "ButtonV4",
7
- props: {
8
- variant: { default: "contained" },
9
- color: { default: "primary" },
10
- size: { default: "medium" },
11
- loading: { type: Boolean, default: !1 },
12
- disabled: { type: Boolean, default: !1 },
13
- testId: { default: "" },
14
- content: { default: "" },
15
- startIconName: { default: null },
16
- endIconName: { default: null },
17
- startIconType: { default: "regular" },
18
- endIconType: { default: "regular" }
19
- },
20
- setup(e) {
21
- const d = e, o = h(
22
- () => d.size === "small" || d.size === "medium" ? 16 : 20
23
- );
24
- return (l, w) => (a(), s("button", {
25
- class: i([[
26
- e.size,
27
- e.color,
28
- e.variant,
29
- { loading: e.loading },
30
- {
31
- "with-start-icon": !!e.startIconName,
32
- "with-end-icon": !!e.endIconName
33
- }
34
- ], "button-wrap"]),
35
- "data-testid": d.testId,
36
- disabled: e.disabled
37
- }, [
38
- e.loading ? n("", !0) : (a(), s("span", v, [
39
- r("div", {
40
- class: i({
41
- flex: e.startIconName || e.endIconName
42
- })
43
- }, [
44
- e.startIconName ? (a(), f(t(y), {
45
- key: 0,
46
- name: e.startIconName,
47
- size: `${t(o)}px`,
48
- type: e.startIconType,
49
- class: "start-icon"
50
- }, null, 8, ["name", "size", "type"])) : n("", !0),
51
- c(t(I), { variant: "button" }, {
52
- default: u(() => [
53
- m(l.$slots, "default", {}, () => [
54
- z(g(e.content), 1)
55
- ], !0)
56
- ]),
57
- _: 3
58
- }),
59
- e.endIconName ? (a(), f(t(y), {
60
- key: 1,
61
- name: e.endIconName,
62
- size: `${t(o)}px`,
63
- type: e.endIconType,
64
- class: "end-icon"
65
- }, null, 8, ["name", "size", "type"])) : n("", !0)
66
- ], 2)
67
- ])),
68
- e.loading ? m(l.$slots, "loader", { key: 1 }, () => [
69
- c(t(b), { "max-width": t(o) }, {
70
- default: u(() => [
71
- r("div", {
72
- class: i({ "content-with-icon": e.startIconName || e.endIconName })
73
- }, [
74
- c(t(I), { variant: "button" }, {
75
- default: u(() => [
76
- m(l.$slots, "default", {}, void 0, !0)
77
- ]),
78
- _: 3
79
- })
80
- ], 2)
81
- ]),
82
- _: 3
83
- }, 8, ["max-width"])
84
- ], !0) : n("", !0)
85
- ], 10, k));
86
- }
87
- });
88
- export {
89
- V as default
90
- };
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css";
@@ -32,10 +32,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
32
32
  type: string;
33
33
  }>>>, {
34
34
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
35
+ variant: "default" | "outlined";
35
36
  disabled: boolean;
36
37
  size: "small" | "medium" | "large" | "extraLarge";
37
38
  color: "default" | "primary" | "error";
38
- variant: "default" | "outlined";
39
39
  testId: string;
40
40
  iconName: string;
41
41
  }>, {
@@ -5,10 +5,10 @@ declare const ButtonTypes: () => (({
5
5
  $: import("vue").ComponentInternalInstance;
6
6
  $data: {};
7
7
  $props: Partial<{
8
+ variant: "text" | "contained" | "outlined";
8
9
  disabled: boolean;
9
10
  size: "small" | "medium" | "large" | "extraLarge";
10
11
  color: "default" | "primary" | "danger" | "info" | "success" | "warning";
11
- variant: "text" | "contained" | "outlined";
12
12
  content: string;
13
13
  loading: boolean;
14
14
  testId: string;
@@ -17,6 +17,10 @@ declare const ButtonTypes: () => (({
17
17
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
18
18
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
19
19
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
20
+ variant: {
21
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
22
+ default: string;
23
+ };
20
24
  disabled: {
21
25
  type: import("vue").PropType<boolean>;
22
26
  default: boolean;
@@ -29,10 +33,6 @@ declare const ButtonTypes: () => (({
29
33
  type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
30
34
  default: string;
31
35
  };
32
- variant: {
33
- type: import("vue").PropType<"text" | "contained" | "outlined">;
34
- default: string;
35
- };
36
36
  content: {
37
37
  type: import("vue").PropType<string>;
38
38
  default: string;
@@ -61,7 +61,7 @@ declare const ButtonTypes: () => (({
61
61
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
62
62
  default: string;
63
63
  };
64
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
64
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
65
65
  $attrs: {
66
66
  [x: string]: unknown;
67
67
  };
@@ -76,6 +76,10 @@ declare const ButtonTypes: () => (({
76
76
  $emit: (event: string, ...args: any[]) => void;
77
77
  $el: any;
78
78
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
79
+ variant: {
80
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
81
+ default: string;
82
+ };
79
83
  disabled: {
80
84
  type: import("vue").PropType<boolean>;
81
85
  default: boolean;
@@ -88,10 +92,6 @@ declare const ButtonTypes: () => (({
88
92
  type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
89
93
  default: string;
90
94
  };
91
- variant: {
92
- type: import("vue").PropType<"text" | "contained" | "outlined">;
93
- default: string;
94
- };
95
95
  content: {
96
96
  type: import("vue").PropType<string>;
97
97
  default: string;
@@ -121,10 +121,10 @@ declare const ButtonTypes: () => (({
121
121
  default: string;
122
122
  };
123
123
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
124
+ variant: "text" | "contained" | "outlined";
124
125
  disabled: boolean;
125
126
  size: "small" | "medium" | "large" | "extraLarge";
126
127
  color: "default" | "primary" | "danger" | "info" | "success" | "warning";
127
- variant: "text" | "contained" | "outlined";
128
128
  content: string;
129
129
  loading: boolean;
130
130
  testId: string;
@@ -153,6 +153,10 @@ declare const ButtonTypes: () => (({
153
153
  $nextTick: typeof import("vue").nextTick;
154
154
  $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;
155
155
  } & Readonly<import("vue").ExtractPropTypes<{
156
+ variant: {
157
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
158
+ default: string;
159
+ };
156
160
  disabled: {
157
161
  type: import("vue").PropType<boolean>;
158
162
  default: boolean;
@@ -165,10 +169,6 @@ declare const ButtonTypes: () => (({
165
169
  type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
166
170
  default: string;
167
171
  };
168
- variant: {
169
- type: import("vue").PropType<"text" | "contained" | "outlined">;
170
- default: string;
171
- };
172
172
  content: {
173
173
  type: import("vue").PropType<string>;
174
174
  default: string;
@@ -202,6 +202,10 @@ declare const ButtonTypes: () => (({
202
202
  __isTeleport?: never;
203
203
  __isSuspense?: never;
204
204
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
205
+ variant: {
206
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
207
+ default: string;
208
+ };
205
209
  disabled: {
206
210
  type: import("vue").PropType<boolean>;
207
211
  default: boolean;
@@ -214,10 +218,6 @@ declare const ButtonTypes: () => (({
214
218
  type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
215
219
  default: string;
216
220
  };
217
- variant: {
218
- type: import("vue").PropType<"text" | "contained" | "outlined">;
219
- default: string;
220
- };
221
221
  content: {
222
222
  type: import("vue").PropType<string>;
223
223
  default: string;
@@ -247,10 +247,10 @@ declare const ButtonTypes: () => (({
247
247
  default: string;
248
248
  };
249
249
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
250
+ variant: "text" | "contained" | "outlined";
250
251
  disabled: boolean;
251
252
  size: "small" | "medium" | "large" | "extraLarge";
252
253
  color: "default" | "primary" | "danger" | "info" | "success" | "warning";
253
- variant: "text" | "contained" | "outlined";
254
254
  content: string;
255
255
  loading: boolean;
256
256
  testId: string;
@@ -269,10 +269,10 @@ declare const ButtonTypes: () => (({
269
269
  $data: {};
270
270
  $props: Partial<{
271
271
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
272
+ variant: "default" | "outlined";
272
273
  disabled: boolean;
273
274
  size: "small" | "medium" | "large" | "extraLarge";
274
275
  color: "default" | "primary" | "error";
275
- variant: "default" | "outlined";
276
276
  testId: string;
277
277
  iconName: string;
278
278
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -280,6 +280,10 @@ declare const ButtonTypes: () => (({
280
280
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
281
281
  default: string;
282
282
  };
283
+ variant: {
284
+ type: import("vue").PropType<"default" | "outlined">;
285
+ default: string;
286
+ };
283
287
  disabled: {
284
288
  type: import("vue").PropType<boolean>;
285
289
  default: boolean;
@@ -292,10 +296,6 @@ declare const ButtonTypes: () => (({
292
296
  type: import("vue").PropType<"default" | "primary" | "error">;
293
297
  default: string;
294
298
  };
295
- variant: {
296
- type: import("vue").PropType<"default" | "outlined">;
297
- default: string;
298
- };
299
299
  testId: {
300
300
  type: import("vue").PropType<string>;
301
301
  default: string;
@@ -304,7 +304,7 @@ declare const ButtonTypes: () => (({
304
304
  type: import("vue").PropType<string>;
305
305
  default: string;
306
306
  };
307
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "size" | "color" | "variant" | "testId" | "iconName">;
307
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "variant" | "disabled" | "size" | "color" | "testId" | "iconName">;
308
308
  $attrs: {
309
309
  [x: string]: unknown;
310
310
  };
@@ -323,6 +323,10 @@ declare const ButtonTypes: () => (({
323
323
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
324
324
  default: string;
325
325
  };
326
+ variant: {
327
+ type: import("vue").PropType<"default" | "outlined">;
328
+ default: string;
329
+ };
326
330
  disabled: {
327
331
  type: import("vue").PropType<boolean>;
328
332
  default: boolean;
@@ -335,10 +339,6 @@ declare const ButtonTypes: () => (({
335
339
  type: import("vue").PropType<"default" | "primary" | "error">;
336
340
  default: string;
337
341
  };
338
- variant: {
339
- type: import("vue").PropType<"default" | "outlined">;
340
- default: string;
341
- };
342
342
  testId: {
343
343
  type: import("vue").PropType<string>;
344
344
  default: string;
@@ -349,10 +349,10 @@ declare const ButtonTypes: () => (({
349
349
  };
350
350
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
351
351
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
352
+ variant: "default" | "outlined";
352
353
  disabled: boolean;
353
354
  size: "small" | "medium" | "large" | "extraLarge";
354
355
  color: "default" | "primary" | "error";
355
- variant: "default" | "outlined";
356
356
  testId: string;
357
357
  iconName: string;
358
358
  }, {}, string> & {
@@ -380,6 +380,10 @@ declare const ButtonTypes: () => (({
380
380
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
381
381
  default: string;
382
382
  };
383
+ variant: {
384
+ type: import("vue").PropType<"default" | "outlined">;
385
+ default: string;
386
+ };
383
387
  disabled: {
384
388
  type: import("vue").PropType<boolean>;
385
389
  default: boolean;
@@ -392,10 +396,6 @@ declare const ButtonTypes: () => (({
392
396
  type: import("vue").PropType<"default" | "primary" | "error">;
393
397
  default: string;
394
398
  };
395
- variant: {
396
- type: import("vue").PropType<"default" | "outlined">;
397
- default: string;
398
- };
399
399
  testId: {
400
400
  type: import("vue").PropType<string>;
401
401
  default: string;
@@ -413,6 +413,10 @@ declare const ButtonTypes: () => (({
413
413
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
414
414
  default: string;
415
415
  };
416
+ variant: {
417
+ type: import("vue").PropType<"default" | "outlined">;
418
+ default: string;
419
+ };
416
420
  disabled: {
417
421
  type: import("vue").PropType<boolean>;
418
422
  default: boolean;
@@ -425,10 +429,6 @@ declare const ButtonTypes: () => (({
425
429
  type: import("vue").PropType<"default" | "primary" | "error">;
426
430
  default: string;
427
431
  };
428
- variant: {
429
- type: import("vue").PropType<"default" | "outlined">;
430
- default: string;
431
- };
432
432
  testId: {
433
433
  type: import("vue").PropType<string>;
434
434
  default: string;
@@ -439,10 +439,10 @@ declare const ButtonTypes: () => (({
439
439
  };
440
440
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
441
441
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
442
+ variant: "default" | "outlined";
442
443
  disabled: boolean;
443
444
  size: "small" | "medium" | "large" | "extraLarge";
444
445
  color: "default" | "primary" | "error";
445
- variant: "default" | "outlined";
446
446
  testId: string;
447
447
  iconName: string;
448
448
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -122,7 +122,7 @@ declare const DialogTypes: () => ({
122
122
  }>;
123
123
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
124
124
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
125
- $emit: ((event: "open") => void) & ((event: "cancel") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
125
+ $emit: ((event: "open") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
126
126
  $el: any;
127
127
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
128
128
  title: {
@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
5
5
  isHorizontal?: boolean;
6
6
  hasIcon?: boolean;
7
7
  isBordered?: boolean;
8
- iconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "cancel" | "close" | "pause" | "warning-octagon" | "check-circle" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
8
+ iconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "close" | "check-circle" | "warning-octagon" | "cancel" | "pause" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
9
9
  fontSize?: string;
10
10
  size?: "sm" | "lg";
11
11
  iconWidth: number;
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
31
  isHorizontal?: boolean;
32
32
  hasIcon?: boolean;
33
33
  isBordered?: boolean;
34
- iconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "cancel" | "close" | "pause" | "warning-octagon" | "check-circle" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
34
+ iconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "close" | "check-circle" | "warning-octagon" | "cancel" | "pause" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
35
35
  fontSize?: string;
36
36
  size?: "sm" | "lg";
37
37
  iconWidth: number;
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
54
54
  title: string;
55
55
  size: "sm" | "lg";
56
56
  fontSize: string;
57
- iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "cancel" | "close" | "pause" | "warning-octagon" | "check-circle" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
57
+ iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "close" | "check-circle" | "warning-octagon" | "cancel" | "pause" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
58
58
  subtitle: string;
59
59
  buttonText: string;
60
60
  isHorizontal: boolean;