@ironsource/shared-ui 1.4.0 → 1.4.1-andyk.0

package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-723775d7]{color:#41454d}.app-trigger[data-v-723775d7]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-723775d7]{gap:.25rem}.app-trigger__left-image[data-v-723775d7]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-723775d7]{color:#8e959d}.app-trigger__middle-section[data-v-723775d7]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-723775d7]{width:9.5rem}.app-trigger__middle-section--loading[data-v-723775d7]{gap:0}.app-trigger__description[data-v-723775d7]{color:#7b838c}.app-trigger__right-icon[data-v-723775d7]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-723775d7]{color:#41454d}
+.label[data-v-6c498348]{color:#41454d}.app-trigger[data-v-6c498348]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-6c498348]{gap:.25rem}.app-trigger__left-image[data-v-6c498348]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-6c498348]{color:#8e959d}.app-trigger__middle-section[data-v-6c498348]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-6c498348]{width:9.5rem}.app-trigger__middle-section--loading[data-v-6c498348]{gap:0}.app-trigger__description[data-v-6c498348]{color:#7b838c}.app-trigger__right-icon[data-v-6c498348]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-6c498348]{color:#41454d}

package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-168d9678]{color:#41454d}.banner[data-v-168d9678]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative}.banner .left-border[data-v-168d9678]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-168d9678]{padding:1rem;display:flex;align-items:center;flex:1}.banner .content-wrapper .icon-container[data-v-168d9678]{margin-right:1rem}.banner .content-wrapper .content[data-v-168d9678]{flex:1}.banner.banner-type-info .left-border[data-v-168d9678]{background-color:#3083ff}.banner.banner-type-info .icon-container[data-v-168d9678]{color:#3083ff}.banner.banner-type-success .left-border[data-v-168d9678]{background-color:#22c891}.banner.banner-type-success .icon-container[data-v-168d9678]{color:#22c891}.banner.banner-type-error .left-border[data-v-168d9678]{background-color:#ff6a63}.banner.banner-type-error .icon-container[data-v-168d9678]{color:#ff6a63}
+.label[data-v-b94b49ec]{color:#41454d}.banner[data-v-b94b49ec]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative}.banner .left-border[data-v-b94b49ec]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-b94b49ec]{padding:1rem;display:flex;align-items:center;flex:1}.banner .content-wrapper .icon-container[data-v-b94b49ec]{margin-right:1rem}.banner .content-wrapper .content[data-v-b94b49ec]{flex:1}.banner.banner-type-info .left-border[data-v-b94b49ec]{background-color:#3083ff}.banner.banner-type-info .icon[data-v-b94b49ec]{color:#3083ff}.banner.banner-type-success .left-border[data-v-b94b49ec]{background-color:#22c891}.banner.banner-type-success .icon[data-v-b94b49ec]{color:#22c891}.banner.banner-type-error .left-border[data-v-b94b49ec]{background-color:#ff6a63}.banner.banner-type-error .icon[data-v-b94b49ec]{color:#ff6a63}.banner.banner-type-warning .left-border[data-v-b94b49ec]{background-color:#ffb424}.banner.banner-type-warning .icon[data-v-b94b49ec]{color:#ffb424}

package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-366433b4]{color:#41454d}.v-enter-active[data-v-366433b4],.v-leave-active[data-v-366433b4]{transition:opacity .25s ease}.v-enter-from[data-v-366433b4],.v-leave-to[data-v-366433b4]{opacity:0}.container[data-v-366433b4]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-366433b4]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-366433b4]{min-height:7rem;overflow-y:auto;width:var(--5f89db1d);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-366433b4]{padding:0 1.5rem}.header[data-v-366433b4]{padding:1rem 1.5rem 0}.header--bordered[data-v-366433b4]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-366433b4]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-366433b4]{margin-left:auto;color:#d2d5d8}.content[data-v-366433b4]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-366433b4]{padding:1.5rem}.footer[data-v-366433b4]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-366433b4]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-366433b4] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-366433b4]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}
+.label[data-v-3f6d9c46]{color:#41454d}.v-enter-active[data-v-3f6d9c46],.v-leave-active[data-v-3f6d9c46]{transition:opacity .25s ease}.v-enter-from[data-v-3f6d9c46],.v-leave-to[data-v-3f6d9c46]{opacity:0}.container[data-v-3f6d9c46]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3f6d9c46]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-3f6d9c46]{min-height:7rem;overflow-y:auto;width:var(--147c2223);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-3f6d9c46]{padding:0 1.5rem}.header[data-v-3f6d9c46]{padding:1rem 1.5rem 0}.header--bordered[data-v-3f6d9c46]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3f6d9c46]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3f6d9c46]{margin-left:auto;color:#d2d5d8}.content[data-v-3f6d9c46]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3f6d9c46]{padding:1.5rem}.footer[data-v-3f6d9c46]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3f6d9c46]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3f6d9c46] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3f6d9c46]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-a96fb742]{color:#41454d}.v-enter-active[data-v-a96fb742],.v-leave-active[data-v-a96fb742]{transition:opacity .25s ease}ol[data-v-a96fb742],ul[data-v-a96fb742],menu[data-v-a96fb742]{list-style:none;margin:0;padding:0}.dropdown[data-v-a96fb742]{display:flex;flex-direction:column}.dropdown--disabled[data-v-a96fb742]{opacity:.7}.list-container[data-v-a96fb742]{padding:.5rem;max-height:13.8rem}.list-container--multi[data-v-a96fb742]{margin-bottom:0}.v-popper__arrow-container[data-v-a96fb742]{display:none}.helper-text[data-v-a96fb742]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-a96fb742]{color:#da564f}.no-result-container[data-v-a96fb742]{height:100%;display:flex;align-items:center}.no-result[data-v-a96fb742]{color:#8e959d;padding-left:.5rem}.list[data-v-a96fb742]{outline:none;display:flex;overflow:hidden;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-a96fb742]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-a96fb742]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-a96fb742]:not(.button__container--disabled){cursor:pointer}.loader[data-v-a96fb742]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-a96fb742]{margin-right:.25rem;display:flex}.button[data-v-a96fb742]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#F1F3F4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-a96fb742]{height:2.5rem}.button[data-v-a96fb742]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#EDEFF0}.button--open[data-v-a96fb742],.button[data-v-a96fb742]:focus-visible{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.image-slot[data-v-a96fb742]{margin-right:.5rem}.angle-down[data-v-a96fb742]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-a96fb742]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #DDDFE1;justify-content:flex-end}.actions[data-v-a96fb742]:first-child{padding-right:.25rem}.apply-button[data-v-a96fb742]{margin-left:.25rem}.dropdown-title__text[data-v-a96fb742]{border-bottom:1px solid #DDDFE1;padding:1rem}.dropdown-title__search[data-v-a96fb742]{padding:3px 0;width:100%;border-bottom:1px solid #DDDFE1}
+.label[data-v-4094a47e]{color:#41454d}.v-enter-active[data-v-4094a47e],.v-leave-active[data-v-4094a47e]{transition:opacity .25s ease}ol[data-v-4094a47e],ul[data-v-4094a47e],menu[data-v-4094a47e]{list-style:none;margin:0;padding:0}.dropdown[data-v-4094a47e]{display:flex;flex-direction:column}.dropdown--disabled[data-v-4094a47e]{opacity:.7}.list-container[data-v-4094a47e]{padding:.5rem;max-height:13.8rem}.list-container--multi[data-v-4094a47e]{margin-bottom:0}.v-popper__arrow-container[data-v-4094a47e]{display:none}.helper-text[data-v-4094a47e]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-4094a47e]{color:#da564f}.no-result-container[data-v-4094a47e]{height:100%;display:flex;align-items:center}.no-result[data-v-4094a47e]{color:#8e959d;padding-left:.5rem}.list[data-v-4094a47e]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-4094a47e]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-4094a47e]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-4094a47e]:not(.button__container--disabled){cursor:pointer}.loader[data-v-4094a47e]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-4094a47e]{margin-right:.25rem;display:flex}.button[data-v-4094a47e]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#F1F3F4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-4094a47e]{height:2.5rem}.button[data-v-4094a47e]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#EDEFF0}.button--open[data-v-4094a47e],.button[data-v-4094a47e]:focus-visible{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.image-slot[data-v-4094a47e]{margin-right:.5rem}.angle-down[data-v-4094a47e]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-4094a47e]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #DDDFE1;justify-content:flex-end}.actions[data-v-4094a47e]:first-child{padding-right:.25rem}.apply-button[data-v-4094a47e]{margin-left:.25rem}.dropdown-title__text[data-v-4094a47e]{border-bottom:1px solid #DDDFE1;padding:1rem}.dropdown-title__search[data-v-4094a47e]{padding:3px 0;width:100%;border-bottom:1px solid #DDDFE1}

package/EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-4e6bbc8f]{color:#41454d}.empty-state-container[data-v-4e6bbc8f]{display:flex;place-items:center;flex-direction:column;background:#FFFFFF;padding:3rem}.empty-state-container.bordered[data-v-4e6bbc8f]{border:1px solid #DDDFE1}.empty-state-title-container[data-v-4e6bbc8f]{color:#696a6b;display:flex;place-items:center;flex-direction:column}.empty-state-icon-container[data-v-4e6bbc8f]{color:#53575b;background-color:#f1f3f4;border-radius:50%;display:flex;justify-content:center;align-items:center}.empty-state-icon-container--lg[data-v-4e6bbc8f],.empty-state-icon-container--sm[data-v-4e6bbc8f]{width:4.5rem;height:4.5rem}.empty-state-icon-container[data-v-4e6bbc8f]{margin-bottom:1rem}.empty-state-subtitle[data-v-4e6bbc8f]{margin-top:.5rem}.empty-state-button[data-v-4e6bbc8f]{margin-top:1.5rem}.horizontal[data-v-4e6bbc8f]{flex-direction:row;padding:1.5rem}.horizontal .empty-state-title-container[data-v-4e6bbc8f]{flex-direction:column}.horizontal .empty-state-title-container[data-v-4e6bbc8f]{flex:1;align-items:unset}.horizontal .empty-state-icon-container[data-v-4e6bbc8f]{margin-bottom:0;margin-right:1rem}.horizontal .empty-state-subtitle[data-v-4e6bbc8f]{margin-top:0}.horizontal .empty-state-button[data-v-4e6bbc8f]{margin-top:0;margin-left:1rem}
+.label[data-v-54b6f08e]{color:#41454d}.empty-state-container[data-v-54b6f08e]{display:flex;place-items:center;flex-direction:column;background:#FFFFFF;padding:3rem}.empty-state-container.bordered[data-v-54b6f08e]{border:1px solid #DDDFE1}.empty-state-title-container[data-v-54b6f08e]{color:#696a6b;display:flex;place-items:center;flex-direction:column}.empty-state-icon-container[data-v-54b6f08e]{color:#53575b;background-color:#f1f3f4;border-radius:50%;display:flex;justify-content:center;align-items:center}.empty-state-icon-container--lg[data-v-54b6f08e],.empty-state-icon-container--sm[data-v-54b6f08e]{width:4.5rem;height:4.5rem}.empty-state-icon-container[data-v-54b6f08e]{margin-bottom:1rem}.empty-state-subtitle[data-v-54b6f08e]{margin-top:.5rem}.empty-state-button[data-v-54b6f08e]{margin-top:1.5rem}.horizontal[data-v-54b6f08e]{flex-direction:row;padding:1.5rem}.horizontal .empty-state-title-container[data-v-54b6f08e]{flex-direction:column}.horizontal .empty-state-title-container[data-v-54b6f08e]{flex:1;align-items:unset}.horizontal .empty-state-icon-container[data-v-54b6f08e]{margin-bottom:0;margin-right:1rem}.horizontal .empty-state-subtitle[data-v-54b6f08e]{margin-top:0}.horizontal .empty-state-button[data-v-54b6f08e]{margin-top:0;margin-left:1rem}

package/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-79e550bf]{color:#41454d}.filter-panel[data-v-79e550bf]{display:flex}.filter-button.always-first[data-v-79e550bf]{order:-2}.filter-button[data-v-79e550bf]{margin-right:.25rem}.filter-button.hidden[data-v-79e550bf]{order:100}.filter-button.exposed.selected[data-v-79e550bf]{order:-1}.filter-button.selected[data-v-79e550bf]{order:0}
+.label[data-v-3ee9d4c0]{color:#41454d}.filter-panel[data-v-3ee9d4c0]{display:flex}.filter-button.always-first[data-v-3ee9d4c0]{order:-2}.filter-button[data-v-3ee9d4c0]{margin-right:.25rem}.filter-button.hidden[data-v-3ee9d4c0]{order:100}.filter-button.exposed.selected[data-v-3ee9d4c0]{order:-1}.filter-button.selected[data-v-3ee9d4c0]{order:0}

package/README.md

@@ -21,10 +21,9 @@ To release a pre-release version, follow these steps:
 5. Push your changes
 6. Create a PR from your branch to `release/x.x.x` branch
 
-Pushing to `release/x.x.x` branch will trigger `pre-release.yml` workflow and will create a pre-release version.
-
-### Breaking Change
+Running `pre-release.yml` workflow will create a pre-release (-rc.xx) version and publish it to npm
 
+### Release
 
 To release a new version of the package (due to breaking changes), you need to follow the next steps:
 1. Create a new branch from `main` branch with the name `release/x.x.x` (x.x.x - version of the package)
@@ -36,9 +35,8 @@ To release a new version of the package (due to breaking changes), you need to f
 7. Add reviewers
 8. Merge the PR to `release/x.x.x` branch
 9. Create a new PR from `release/x.x.x` branch to `main` branch
-10. Merge the PR to `main` branch
-
-Merging release/x.x.x branch to main branch will trigger `release.yml` workflow and will create a new(not RC) version of the package.
+10. When you changes will ready to the release, run `release.yml` workflow it will create a new last release version and publish it to npm
+11. Merge the PR to `main` branch
 
 ## Testing
 Uses Vitest + Vue Test Utils (runs automatically on commit)
@@ -65,6 +63,13 @@ Start storybook:
 npm run storybook
 ```
 
+## Storybook deployment
+
+You can publish your branch to storybook by running "Deploy Docs" (`storybook.yml`) workflow with your branch.
+It will build and publish your branch stories. That you can check by entering this URL:
+https://mobile-shared-ui.ironsrc.mobi/branch_your-branch-name/
+
+
 ## Linking for local development in another project
 When developing locally, you can link to the shared-ui library:
 ```

package/Tooltip.vue_vue_type_style_index_0_lang.css

@@ -1 +1 @@
-.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-default .container{display:flex;align-items:center}.v-popper--theme-default.v-popper__popper{background-color:#41454d;border-radius:8px;box-shadow:0 6px 6px -6px #00000029;filter:drop-shadow(0 0 1px rgba(0,0,0,.4));border:none}.v-popper--theme-default .v-popper__wrapper{padding:0}.v-popper--theme-default .v-popper__inner{color:#fff;text-align:start;line-height:1.125rem;padding:.75rem}.v-popper--theme-default .v-popper__arrow-inner,.v-popper--theme-default .v-popper__arrow-outer{border-color:#41454d}
+.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-default .container{display:flex;align-items:center}.v-popper--theme-default.v-popper__popper{background-color:#41454d;border-radius:8px;box-shadow:0 6px 6px -6px #00000029;filter:drop-shadow(0 0 1px rgba(0,0,0,.4));border:none}.v-popper--theme-default .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-default .v-popper__inner{font-size:.813rem}.v-popper--theme-default .v-popper__inner{color:#fff;text-align:start;line-height:1.125rem;padding:.75rem}.v-popper--theme-default .v-popper__arrow-inner,.v-popper--theme-default .v-popper__arrow-outer{border-color:#41454d}

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -3,22 +3,27 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
+    singleAppSelection?: boolean;
 }>, {
     selected: any;
     options: any;
     loading: boolean;
+    singleAppSelection: boolean;
 }>, {}, 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<{
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
+    singleAppSelection?: boolean;
 }>, {
     selected: any;
     options: any;
     loading: boolean;
+    singleAppSelection: boolean;
 }>>>, {
     loading: boolean;
     selected: Application[];
     options: Application[];
+    singleAppSelection: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/appTrigger/AppTrigger.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import AppIcon from '../appIcon/AppIcon.vue.js';
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      */import AppIcon from '../appIcon/AppIcon.vue.js';
-/* empty css                                                            */
+/* empty css                                                                      *//* empty css                                                            */
 import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "app-trigger__left-image" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,12 +13,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     selected: { default: null },
     options: { default: null },
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    singleAppSelection: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
     const allTitle = "All apps selected";
+    const NoAppsTitle = "No apps to select";
     const title = computed(() => {
+      if (props.singleAppSelection && noApp.value) {
+        return NoAppsTitle;
+      }
+      if (props.singleAppSelection && singleApp.value) {
+        return `${firstSelection.value?.name}`;
+      }
       if (allMode.value) {
         return allTitle;
       }
@@ -27,8 +35,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return `${selectedSize.value} apps selected`;
     });
+    const allAppsIcon = "widgetsz";
+    const noAppsIcon = "cube-background";
+    const appIcon = computed(
+      () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
+    );
     const osIcon = computed(() => {
-      if (!allMode.value) {
+      if (!allMode.value || props.singleAppSelection && singleApp.value) {
         return firstSelection.value.platform.toLowerCase();
       }
       return null;
@@ -63,6 +76,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const singleApp = computed(() => {
       return selectedSize.value === 1;
     });
+    const noApp = computed(() => {
+      return optionsSize.value === 0;
+    });
     const allMode = computed(() => {
       return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
     });
@@ -90,8 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 1,
               class: "trigger-icon",
               "font-size": "2rem",
-              name: "widgetsz"
-            }))
+              name: unref(appIcon)
+            }, null, 8, ["name"]))
           ])
         ], true),
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
@@ -164,6 +180,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-723775d7"]]);
+var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c498348"]]);
 
 export { AppTrigger as default };

package/components/appTrigger/index.d.ts

@@ -14,6 +14,11 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: import("vue").PropType<boolean>;
@@ -30,10 +35,16 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }>>, {
     loading: boolean;
     selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    singleAppSelection: boolean;
 }>[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/banner/Banner.vue.d.ts

@@ -1,14 +1,23 @@
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: () => 'success' | 'error' | 'info';
+        type: () => 'success' | 'error' | 'info' | 'warning';
+        default: string;
+    };
+    iconSize: {
+        type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: () => 'success' | 'error' | 'info';
+        type: () => 'success' | 'error' | 'info' | 'warning';
+        default: string;
+    };
+    iconSize: {
+        type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
 }>>, {
-    type: "error" | "info" | "success";
+    type: "error" | "info" | "success" | "warning";
+    iconSize: "md" | "sm" | "lg";
 }>;
 export default _default;

package/components/banner/Banner.vue.js

@@ -1,10 +1,9 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref, withCtx, renderSlot, createBlock, pushScopeId, popScopeId } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
 import Icon from '../icon/Icon.vue.js';
-import Info from '../icon/icons/Info.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-168d9678"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-b94b49ec"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
 const _hoisted_2 = { class: "content-wrapper" };
 const _hoisted_3 = { class: "icon-container" };
@@ -15,6 +14,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     type: {
       type: String,
       default: "info"
+    },
+    iconSize: {
+      type: String,
+      default: "sm"
     }
   },
   setup(__props) {
@@ -27,14 +30,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _hoisted_1,
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            createVNode(unref(Icon), {
+            _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
               class: normalizeClass(unref(iconClass))
             }, {
               default: withCtx(() => [
-                _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, void 0, true) : (openBlock(), createBlock(Info, { key: 1 }))
+                renderSlot(_ctx.$slots, "icon", {}, void 0, true)
               ]),
               _: 3
-            }, 8, ["class"])
+            }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
+              key: 1,
+              name: unref(iconClass),
+              class: normalizeClass(unref(iconClass)),
+              "font-size": __props.iconSize
+            }, null, 8, ["name", "class", "font-size"]))
           ]),
           createElementVNode("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -44,6 +53,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-168d9678"]]);
+var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b94b49ec"]]);
 
 export { Banner as default };

package/components/banner/index.d.ts

@@ -1,15 +1,24 @@
 declare const BannerTypes: () => import("vue").DefineComponent<{
     type: {
-        type: () => "error" | "info" | "success";
+        type: () => "error" | "info" | "success" | "warning";
+        default: string;
+    };
+    iconSize: {
+        type: () => "md" | "sm" | "lg";
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: () => "error" | "info" | "success";
+        type: () => "error" | "info" | "success" | "warning";
+        default: string;
+    };
+    iconSize: {
+        type: () => "md" | "sm" | "lg";
         default: string;
     };
 }>>, {
-    type: "error" | "info" | "success";
+    type: "error" | "info" | "success" | "warning";
+    iconSize: "md" | "sm" | "lg";
 }>[];
 export { default as Banner } from './Banner.vue';
 export { BannerTypes };

package/components/button/index.d.ts

@@ -8,12 +8,12 @@ declare const ButtonTypes: () => (import("vue").DefineComponent<{
         default: string;
     };
     leftIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
     rightIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
@@ -24,19 +24,19 @@ declare const ButtonTypes: () => (import("vue").DefineComponent<{
         default: string;
     };
     leftIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
     rightIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
 }>>, {
     size: "md" | "sm" | "lg";
-    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
-    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
 }> | import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg">;

package/components/dateRange/CalendarMonth.vue.js

@@ -6,8 +6,8 @@ import Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 /* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
-import 'floating-vue';
-/* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      */import { isBefore, isAfter, isSameDay } from 'date-fns';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import { isBefore, isAfter, isSameDay } from 'date-fns';
 import AngleLeft from '../icon/icons/AngleLeft.vue.js';
 import AngleRight from '../icon/icons/AngleRight.vue.js';
 /* empty css                                                               */

package/components/dateRange/DateRange.vue.js

@@ -7,8 +7,8 @@ import { typeToName, messagePerType, presetsList, formatError, mandatoryValuesEr
 import Button from '../button/Button.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                    */import 'floating-vue';
-/* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      */import { min, addDays, format } from 'date-fns';
+/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import { min, addDays, format } from 'date-fns';
 /* empty css                                                           */
 import "../../DateRange.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];