@ironsource/shared-ui 1.4.2-test.7 → 1.4.2-test.9

package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

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

package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-b6b53aec]{color:#41454d}.days-wrapper[data-v-b6b53aec]{color:#53575b}.days-wrapper .day[data-v-b6b53aec]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-b6b53aec]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#F1F3F4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-b6b53aec]:after{content:"";background:#3083FF;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-b6b53aec]:after,.days-wrapper .day.today.selected-day-between[data-v-b6b53aec]:after{background:#FFFFFF}.days-wrapper .day.start-day[data-v-b6b53aec]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-b6b53aec]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-b6b53aec]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-b6b53aec]:before{content:"";display:block;position:absolute;background:#3083FF;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-b6b53aec]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-b6b53aec]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-b6b53aec]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-b6b53aec]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-b6b53aec]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-b6b53aec]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-b6b53aec]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-b6b53aec]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-b6b53aec]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-b6b53aec]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-b6b53aec]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-b6b53aec],.calendar-month .previous[data-v-b6b53aec]{transform:translateY(8px)}.calendar-month .previous[data-v-b6b53aec]{left:4px;cursor:pointer;position:absolute;z-index:16}
+.label[data-v-07a23a05]{color:#41454d}.days-wrapper[data-v-07a23a05]{color:#53575b}.days-wrapper .day[data-v-07a23a05]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-07a23a05]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#F1F3F4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-07a23a05]:after{content:"";background:#3083FF;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-07a23a05]:after,.days-wrapper .day.today.selected-day-between[data-v-07a23a05]:after{background:#FFFFFF}.days-wrapper .day.start-day[data-v-07a23a05]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-07a23a05]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-07a23a05]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-07a23a05]:before{content:"";display:block;position:absolute;background:#3083FF;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-07a23a05]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-07a23a05]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-07a23a05]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-07a23a05]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-07a23a05]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-07a23a05]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-07a23a05]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-07a23a05]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-07a23a05]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-07a23a05]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-07a23a05]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-07a23a05],.calendar-month .previous[data-v-07a23a05]{transform:translateY(8px)}.calendar-month .previous[data-v-07a23a05]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-699f96fa]{color:#41454d}.v-enter-active[data-v-699f96fa],.v-leave-active[data-v-699f96fa]{transition:opacity .25s ease}.v-enter-from[data-v-699f96fa],.v-leave-to[data-v-699f96fa]{opacity:0}.container[data-v-699f96fa]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-699f96fa]{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-699f96fa]{min-height:7rem;overflow-y:auto;width:var(--ee619eb0);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-699f96fa]{padding:0 1.5rem}.header[data-v-699f96fa]{padding:1rem 1.5rem 0}.header--bordered[data-v-699f96fa]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-699f96fa]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-699f96fa]{margin-left:auto;color:#d2d5d8}.content[data-v-699f96fa]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-699f96fa]{padding:1.5rem}.footer[data-v-699f96fa]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-699f96fa]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-699f96fa] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-699f96fa]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}
+.label[data-v-3a486dd1]{color:#41454d}.v-enter-active[data-v-3a486dd1],.v-leave-active[data-v-3a486dd1]{transition:opacity .25s ease}.v-enter-from[data-v-3a486dd1],.v-leave-to[data-v-3a486dd1]{opacity:0}.container[data-v-3a486dd1]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3a486dd1]{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-3a486dd1]{min-height:7rem;overflow-y:auto;width:var(--5551d163);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-3a486dd1]{padding:0 1.5rem}.header[data-v-3a486dd1]{padding:1rem 1.5rem 0}.header--bordered[data-v-3a486dd1]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3a486dd1]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3a486dd1]{margin-left:auto;color:#d2d5d8}.content[data-v-3a486dd1]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3a486dd1]{padding:1.5rem}.footer[data-v-3a486dd1]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3a486dd1]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3a486dd1] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3a486dd1]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/Editable.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-20f632f8]{color:#41454d}.edit-save-icon[data-v-20f632f8]{display:none}.active .edit-save-icon[data-v-20f632f8]{display:block}.container[data-v-20f632f8]{position:relative;display:flex;align-items:center}.editable-content[data-v-20f632f8]{margin-left:.5rem;padding:8px 0}.table-row:hover .editable-container[data-v-20f632f8]{cursor:text;background:#EDEFF0}.editable-container[data-v-20f632f8]{display:flex;flex:1 1 auto;border-radius:.5rem}.editable-container[data-v-20f632f8]:hover{cursor:text;background:#EDEFF0}.editable-container[data-v-20f632f8] .focused,.editable-container[data-v-20f632f8] .focused .input{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#FFFFFF 0)}.editable-container[data-v-20f632f8] .input-container.error,.editable-container[data-v-20f632f8] .input-container.error .input{background:linear-gradient(0deg,#ff6a63 0,#ff6a63 2px,#FFFFFF 0)}
+.label[data-v-73de8e4d]{color:#41454d}.edit-save-icon[data-v-73de8e4d]{display:none}.active .edit-save-icon[data-v-73de8e4d]{display:block}.container[data-v-73de8e4d]{position:relative;display:flex;align-items:center}.editable-content[data-v-73de8e4d]{margin-left:.5rem;padding:8px 0}.table-row:hover .editable-container[data-v-73de8e4d]{cursor:text;background:#EDEFF0}.editable-container[data-v-73de8e4d]{display:flex;flex:1 1 auto;border-radius:.5rem}.editable-container[data-v-73de8e4d]:hover{cursor:text;background:#EDEFF0}.editable-container[data-v-73de8e4d] .focused,.editable-container[data-v-73de8e4d] .focused .input{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#FFFFFF 0)}.editable-container[data-v-73de8e4d] .input-container.error,.editable-container[data-v-73de8e4d] .input-container.error .input{background:linear-gradient(0deg,#ff6a63 0,#ff6a63 2px,#FFFFFF 0)}

package/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-bffb04ba]{color:#41454d}.floating-toolbar[data-v-bffb04ba]{position:fixed;display:flex;align-items:center;transform:translate(-50%);min-width:17.25rem;height:3.5rem;border-radius:12px;bottom:2.5rem;left:50%;background:#41454d;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;transition:opacity .25s,transform .25s;overflow:hidden;z-index:9999}.floating-toolbar-enter-from[data-v-bffb04ba],.floating-toolbar-leave-to[data-v-bffb04ba]{transform:translate(-50%,200%)}.labels[data-v-bffb04ba],.actions[data-v-bffb04ba]{width:100%}.labels[data-v-bffb04ba]{color:#fff;white-space:nowrap}.actions[data-v-bffb04ba]{border-right:1px solid hsla(0,0%,100%,.2);width:100%;height:100%;display:flex;gap:.5rem;padding-right:1.5rem;padding-left:1rem;align-items:center}.close-icon[data-v-bffb04ba]{border-left:1px solid hsla(0,0%,0%,.2);padding:0 1.25rem;display:flex;align-items:center}.close-icon[data-v-bffb04ba]:hover{color:#f1f3f4}.counter[data-v-bffb04ba]{background:#53575b;justify-content:center;margin-right:.5rem;margin-left:.75rem;color:#fff;align-items:center;min-height:2rem;min-width:2rem;border-radius:50%;display:flex}
+.label[data-v-bffb04ba]{color:#41454d}.floating-toolbar[data-v-bffb04ba]{position:fixed;display:flex;align-items:center;transform:translate(-50%);min-width:17.25rem;height:3.5rem;border-radius:12px;bottom:2.5rem;left:50%;background:#41454d;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;transition:opacity .25s,transform .25s;overflow:hidden;z-index:9999}.floating-toolbar-enter-from[data-v-bffb04ba],.floating-toolbar-leave-to[data-v-bffb04ba]{transform:translate(-50%,200%)}.labels[data-v-bffb04ba],.actions[data-v-bffb04ba]{width:100%}.labels[data-v-bffb04ba]{color:#fff;white-space:nowrap}.actions[data-v-bffb04ba]{border-right:1px solid hsla(0deg,0%,100%,.2);width:100%;height:100%;display:flex;gap:.5rem;padding-right:1.5rem;padding-left:1rem;align-items:center}.close-icon[data-v-bffb04ba]{border-left:1px solid hsla(0deg,0%,0%,.2);padding:0 1.25rem;display:flex;align-items:center}.close-icon[data-v-bffb04ba]:hover{color:#f1f3f4}.counter[data-v-bffb04ba]{background:#53575b;justify-content:center;margin-right:.5rem;margin-left:.75rem;color:#fff;align-items:center;min-height:2rem;min-width:2rem;border-radius:50%;display:flex}

package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-302670b4]{color:#41454d}[data-v-302670b4]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-302670b4]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-302670b4]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-302670b4]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-302670b4]{width:100%}.include-exclude-content[data-v-302670b4]{width:37.5rem}.include-exclude-list-wrapper[data-v-302670b4]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-302670b4],.include-exclude-selected-list[data-v-302670b4]{overflow-y:auto;overflow-x:none;padding:.5rem .25rem 0 .5rem;max-height:13.75rem;height:13.75rem}.include-exclude-list.include-exclude-list-draggable[data-v-302670b4],.include-exclude-selected-list.include-exclude-list-draggable[data-v-302670b4]{padding:.75rem .25rem .25rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-302670b4]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-302670b4]:last-child{padding-bottom:.5rem}.no-result-text[data-v-302670b4]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-302670b4],.include-exclude-selected-wrapper[data-v-302670b4]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-302670b4]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-302670b4]:first-child{margin-top:.5rem}li[data-v-302670b4]:last-child{padding-bottom:.25rem}.drag-item[data-v-302670b4]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-302670b4]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-302670b4]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-302670b4]{height:3rem;display:flex}.include-exclude-container[data-v-302670b4]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-302670b4]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-302670b4]{color:#565c62}.include-exclude-header[data-v-302670b4]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-302670b4]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-302670b4]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-302670b4]{padding:0 1rem}.include-exclude-list-header[data-v-302670b4],.include-exclude-selected-header[data-v-302670b4]{height:2.5rem;display:flex;justify-content:space-between;align-items:center;height:2.5625rem;border-bottom:1px #DDDFE1 solid}.include-exclude-header-right-section-search-input[data-v-302670b4]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-302670b4]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-302670b4]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-302670b4]{width:1rem;height:1rem}ol[data-v-302670b4],ul[data-v-302670b4],menu[data-v-302670b4]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-302670b4]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-302670b4],.switch-leave-to[data-v-302670b4]{transition:all .25s ease;opacity:0}.option-collapse[data-v-302670b4]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
+.label[data-v-302e6d9c]{color:#41454d}[data-v-302e6d9c]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-302e6d9c]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-302e6d9c]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-302e6d9c]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-302e6d9c]{width:100%}.include-exclude-content[data-v-302e6d9c]{width:37.5rem}.include-exclude-list-wrapper[data-v-302e6d9c]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-302e6d9c],.include-exclude-selected-list[data-v-302e6d9c]{overflow-y:auto;overflow-x:none;padding:.5rem .25rem 0 .5rem;max-height:13.75rem;height:13.75rem}.include-exclude-list.include-exclude-list-draggable[data-v-302e6d9c],.include-exclude-selected-list.include-exclude-list-draggable[data-v-302e6d9c]{padding:.75rem .25rem .25rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-302e6d9c]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-302e6d9c]:last-child{padding-bottom:.5rem}.no-result-text[data-v-302e6d9c]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-302e6d9c],.include-exclude-selected-wrapper[data-v-302e6d9c]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-302e6d9c]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-302e6d9c]:first-child{margin-top:.5rem}li[data-v-302e6d9c]:last-child{padding-bottom:.25rem}.drag-item[data-v-302e6d9c]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-302e6d9c]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-302e6d9c]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-302e6d9c]{height:3rem;display:flex}.include-exclude-container[data-v-302e6d9c]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-302e6d9c]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-302e6d9c]{color:#565c62}.include-exclude-header[data-v-302e6d9c]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-302e6d9c]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-302e6d9c]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-302e6d9c]{padding:0 1rem}.include-exclude-list-header[data-v-302e6d9c],.include-exclude-selected-header[data-v-302e6d9c]{height:2.5rem;display:flex;justify-content:space-between;align-items:center;height:2.5625rem;border-bottom:1px #DDDFE1 solid}.include-exclude-header-right-section-search-input[data-v-302e6d9c]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-302e6d9c]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-302e6d9c]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-302e6d9c]{width:1rem;height:1rem}ol[data-v-302e6d9c],ul[data-v-302e6d9c],menu[data-v-302e6d9c]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-302e6d9c]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-302e6d9c],.switch-leave-to[data-v-302e6d9c]{transition:all .25s ease;opacity:0}.option-collapse[data-v-302e6d9c]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}

package/components/appIcon/AppIcon.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     size: 'sm' | 'md' | 'lg' | 'xl';
     src: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/appIcon/AppIcon.vue.js

@@ -18,7 +18,7 @@ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
     fillRule: "evenodd"
   })
 ], -1));
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppIcon",
   props: {
     size: { default: "md" },
@@ -27,10 +27,10 @@ const _sfc_main = defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["application-icon", `icon-${_ctx.size}`])
+        class: normalizeClass(["application-icon", `icon-${__props.size}`])
       }, [
         createElementVNode("img", {
-          src: _ctx.src,
+          src: __props.src,
           alt: ""
         }, null, 8, _hoisted_1),
         _hoisted_2

package/components/appIcon/index.d.ts

@@ -25,6 +25,6 @@ declare const AppIconTypes: () => import("vue").DefineComponent<{
 }>>, {
     size: "md" | "sm" | "lg" | "xl";
     src: string;
-}, {}>[];
+}>[];
 export { default as AppIcon } from './AppIcon.vue';
 export { AppIconTypes };

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/appTrigger/AppTrigger.vue.js

@@ -1,21 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+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 '../button/Button.vue.js';
-import IconButton from '../button/IconButton.vue.js';
-import '../button/ScrollButton.vue.js';
 import Icon from '../icon/Icon.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+/* 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 allTitle = "All apps selected";
-const NoAppsTitle = "No apps to select";
-const allAppsIcon = "widgetsz";
-const noAppsIcon = "cube-background";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppTrigger",
   props: {
     selected: { default: null },
@@ -25,6 +18,8 @@ const _sfc_main = defineComponent({
   },
   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;
@@ -40,6 +35,8 @@ const _sfc_main = defineComponent({
       }
       return `${selectedSize.value} apps selected`;
     });
+    const allAppsIcon = "widgetsz";
+    const noAppsIcon = "cube-background";
     const appIcon = computed(
       () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
     );
@@ -96,39 +93,39 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["app-trigger", {
-          "app-trigger--with-icons": selectedSize.value > 0 || allMode.value
+          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
         }])
       }, [
         renderSlot(_ctx.$slots, "left-image", {}, () => [
           createElementVNode("div", _hoisted_1, [
-            appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
+            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
               key: 0,
               size: "xl",
-              src: appImage.value
+              src: unref(appImage)
             }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
               class: "trigger-icon",
               "font-size": "2rem",
-              name: appIcon.value
+              name: unref(appIcon)
             }, null, 8, ["name"]))
           ])
         ], true),
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          osIcon.value ? (openBlock(), createBlock(unref(Icon), {
+          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
             key: 0,
             class: "app-trigger__left-icon",
-            name: osIcon.value,
+            name: unref(osIcon),
             "font-size": "md"
           }, null, 8, ["name"])) : createCommentVNode("", true)
         ], true),
         createElementVNode("div", {
           class: normalizeClass(["app-trigger__middle-section", {
-            "app-trigger__middle-section--single": singleApp.value,
-            "app-trigger__middle-section--loading": _ctx.loading || !_ctx.options?.length
+            "app-trigger__middle-section--single": unref(singleApp),
+            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
           }])
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: title.value }, {
+            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
                   strong: "",
@@ -137,7 +134,7 @@ const _sfc_main = defineComponent({
                   size: "sm"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(title.value), 1)
+                    createTextVNode(toDisplayString(unref(title)), 1)
                   ]),
                   _: 1
                 })
@@ -147,7 +144,7 @@ const _sfc_main = defineComponent({
           ], true),
           renderSlot(_ctx.$slots, "description", {}, () => [
             createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: description.value }, {
+              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
                 default: withCtx(() => [
                   createVNode(unref(Text), {
                     class: "app-trigger__description",
@@ -155,7 +152,7 @@ const _sfc_main = defineComponent({
                     "is-truncated": ""
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(description.value), 1)
+                      createTextVNode(toDisplayString(unref(description)), 1)
                     ]),
                     _: 1
                   })

package/components/appTrigger/index.d.ts

@@ -45,6 +45,6 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     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/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,16 +1,14 @@
 import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import Dropdown from '../dropdown/Dropdown.vue.js';
-import '../dropdown/Option.vue.js';
-import '../dropdown/Label.vue.js';
-import '../dropdown/SearchInput.vue.js';
-import GroupOption from './GroupOption.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                            *//* empty css                                                                    */import '@vue/shared';
+/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import GroupOption from './GroupOption.vue.js';
 import AutocompleteInput from './AutocompleteInput.vue.js';
 import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
 import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteDropdown",
   props: {
     options: { default: () => [] },
@@ -95,10 +93,10 @@ const _sfc_main = defineComponent({
         ref: dropdownRef,
         class: "autocomplete-dropdown"
       }, _ctx.$attrs, {
-        selected: selection.value,
-        options: filteredOptions.value,
+        selected: unref(selection),
+        options: unref(filteredOptions),
         "on-search": () => true,
-        "display-value": _ctx.displayValue,
+        "display-value": __props.displayValue,
         "keep-open": "",
         "is-on-top": false,
         multi: false,
@@ -114,9 +112,9 @@ const _sfc_main = defineComponent({
           createVNode(AutocompleteInput, {
             ref_key: "inputRef",
             ref: inputRef,
-            value: selection.value,
-            placeholder: _ctx.placeholder,
-            "display-value": _ctx.displayValue,
+            value: unref(selection),
+            placeholder: __props.placeholder,
+            "display-value": __props.displayValue,
             onRemove: deselectOption,
             onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
           }, {
@@ -127,9 +125,9 @@ const _sfc_main = defineComponent({
           }, 8, ["value", "placeholder", "display-value"])
         ]),
         default: withCtx(({ option }) => [
-          _ctx.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
+          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.displayValue(option)), 1)
+              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
             ]),
             _: 2
           }, 1024)) : renderSlot(_ctx.$slots, "default", {
@@ -139,7 +137,7 @@ const _sfc_main = defineComponent({
           }, void 0, true)
         ]),
         _: 3
-      }, 16, ["selected", "options", "display-value", "distance", "onKeydown"]);
+      }, 16, ["selected", "options", "on-search", "display-value", "distance", "onKeydown"]);
     };
   }
 });

package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: unknown[];
     placeholder: string;
     displayValue: (option: unknown) => string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
@@ -8,7 +8,7 @@ import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
 import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["value", "placeholder"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteInput",
   props: {
     value: { default: () => [] },
@@ -16,7 +16,7 @@ const _sfc_main = defineComponent({
     placeholder: { default: DEFAULT_PLACEHOLDER }
   },
   emits: ["remove", "search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const api = useDropdownContext("autocompleteInput");
     const inputEl = ref(null);
@@ -43,15 +43,15 @@ const _sfc_main = defineComponent({
     function focusInput() {
       inputEl.value?.focus();
     }
-    __expose({
+    expose({
       focusInput
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": isOpen.value }]),
+        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
         onClick: withModifiers(onContainerClick, ["stop"])
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, (option, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
             class: "autocomplete-input__option"
@@ -81,7 +81,7 @@ const _sfc_main = defineComponent({
           class: "autocomplete-input__search-field",
           type: "text",
           value: unref(api).query.value,
-          placeholder: _ctx.placeholder,
+          placeholder: __props.placeholder,
           onInput: onSearch
         }, null, 40, _hoisted_2)
       ], 10, _hoisted_1);

package/components/autocompleteDropdown/GroupOption.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -1,13 +1,12 @@
 import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
 import { NOOP } from '@vue/shared';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                             */
 import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "GroupOption",
   setup(__props) {
     const api = useDropdownContext("GroupOption");

package/components/autocompleteDropdown/index.d.ts

@@ -77,6 +77,6 @@ declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}>[];
+}>[];
 export { default as AutocompleteDropdown } from './AutocompleteDropdown.vue';
 export { AutocompleteDropdownTypes };

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

@@ -19,5 +19,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "error" | "info" | "success" | "warning";
     iconSize: "md" | "sm" | "lg";
-}, {}>;
+}>;
 export default _default;

package/components/banner/Banner.vue.js

@@ -3,12 +3,12 @@ import Icon from '../icon/Icon.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-36d41da7"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-32b00538"), 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" };
 const _hoisted_4 = { class: "content" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     type: {
@@ -32,7 +32,7 @@ const _sfc_main = defineComponent({
           createElementVNode("div", _hoisted_3, [
             _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              class: normalizeClass(iconClass.value)
+              class: normalizeClass(unref(iconClass))
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon", {}, void 0, true)
@@ -40,8 +40,8 @@ const _sfc_main = defineComponent({
               _: 3
             }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: iconClass.value,
-              class: normalizeClass(iconClass.value),
+              name: unref(iconClass),
+              class: normalizeClass(unref(iconClass)),
               "font-size": __props.iconSize
             }, null, 8, ["name", "class", "font-size"]))
           ]),
@@ -53,6 +53,6 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36d41da7"]]);
+var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32b00538"]]);
 
 export { Banner as default };

package/components/banner/index.d.ts

@@ -19,6 +19,6 @@ declare const BannerTypes: () => import("vue").DefineComponent<{
 }>>, {
     type: "error" | "info" | "success" | "warning";
     iconSize: "md" | "sm" | "lg";
-}, {}>[];
+}>[];
 export { default as Banner } from './Banner.vue';
 export { BannerTypes };

package/components/button/Button.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'sm' | 'md' | 'lg';
     leftIconName: IconName;
     rightIconName: IconName;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/Button.vue.js

@@ -5,7 +5,7 @@ import { iconSizeMap } from './consts.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     leftIconName: { default: null },
@@ -18,30 +18,30 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ButtonBase, mergeProps({
         class: [
-          _ctx.size,
+          __props.size,
           {
-            "with-left-icon": !!_ctx.leftIconName,
-            "with-right-icon": !!_ctx.rightIconName
+            "with-left-icon": !!__props.leftIconName,
+            "with-right-icon": !!__props.rightIconName
           }
         ],
-        size: _ctx.size
+        size: __props.size
       }, _ctx.$attrs), createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass({
-              flex: _ctx.leftIconName || _ctx.rightIconName
+              flex: __props.leftIconName || __props.rightIconName
             })
           }, [
-            _ctx.leftIconName ? (openBlock(), createBlock(unref(Icon), {
+            __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              name: _ctx.leftIconName,
-              "font-size": computedIconWidth.value
+              name: __props.leftIconName,
+              "font-size": unref(computedIconWidth)
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            _ctx.rightIconName ? (openBlock(), createBlock(unref(Icon), {
+            __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: _ctx.rightIconName,
-              "font-size": computedIconWidth.value
+              name: __props.rightIconName,
+              "font-size": unref(computedIconWidth)
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
           ], 2)
         ]),

package/components/button/ButtonBase.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
     theme: 'primary' | 'secondary' | 'third' | 'danger';
     loading: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/ButtonBase.vue.js

@@ -1,16 +1,13 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, withCtx, createCommentVNode } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import { sizeToFont } from './consts.vue.js';
 import LoaderDotsIcon from './icon/LoaderDotsIcon.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                            */
 import "../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { key: 0 };
-const loaderWidthLargeInPixel = 32;
-const loaderWidthMedSmallInPixel = 24;
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonBase",
   props: {
     size: { default: "md" },
@@ -22,19 +19,21 @@ const _sfc_main = defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const loaderWidthLargeInPixel = 32;
+    const loaderWidthMedSmallInPixel = 24;
     const loaderWidth = computed(
       () => props.size === "lg" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
     );
     const textSize = computed(() => sizeToFont[props.size]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", mergeProps({
-        class: [[_ctx.size, _ctx.theme, _ctx.variant, { loading: _ctx.loading }], "button-wrap"]
+        class: [[__props.size, __props.theme, __props.variant, { loading: __props.loading }], "button-wrap"]
       }, _ctx.$attrs), [
-        !_ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
+        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
           renderSlot(_ctx.$slots, "content", {}, () => [
             createVNode(unref(Text), {
-              size: textSize.value,
-              strong: _ctx.strong,
+              size: unref(textSize),
+              strong: __props.strong,
               class: "content"
             }, {
               default: withCtx(() => [
@@ -44,9 +43,9 @@ const _sfc_main = defineComponent({
             }, 8, ["size", "strong"])
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
+        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
           createVNode(unref(Icon), {
-            "font-size": loaderWidth.value,
+            "font-size": unref(loaderWidth),
             class: "loading"
           }, {
             default: withCtx(() => [