@ironsource/shared-ui 1.4.2-test.12 → 1.4.2-test.14

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(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}
+.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}

package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css

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

package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-fcdeb5c8]{color:#41454d}.item-container-draggable[data-v-fcdeb5c8]{display:flex;align-items:center;cursor:grabbing;overflow-x:hidden;overflow:hidden;border:1px solid #DDDFE1;margin:.25rem 0;border-radius:.5rem;padding:.5rem .25rem .5rem .5rem}.item-container-draggable--disabled[data-v-fcdeb5c8]{cursor:not-allowed;opacity:.7}.item-container-draggable[data-v-fcdeb5c8]:focus{outline:none}.item-container-draggable[data-v-fcdeb5c8]:hover,.item-container-draggable--active[data-v-fcdeb5c8],.item-container-draggable[data-v-fcdeb5c8]:active{background-color:#f7f8f9}.item-container-draggable:not(.item-container-draggable--multi).item-container-draggable--selected[data-v-fcdeb5c8]{color:#3083ff;background-color:#e2eeff;height:2rem}.item-container-draggable--multi[data-v-fcdeb5c8]{height:2rem}.item-container-draggable--two-lines[data-v-fcdeb5c8]{height:3rem}.text-container[data-v-fcdeb5c8]{color:#53575b;display:flex;flex-direction:column;line-height:normal;max-width:10.5rem;height:100%}.subtitle[data-v-fcdeb5c8]{margin-top:.125rem;color:#7b838c}.clear-button[data-v-fcdeb5c8]{padding:0 .25rem;display:flex;align-items:center;height:auto;background-image:none;min-width:auto;border:none;cursor:pointer;background-color:transparent;color:#d2d5d8}.clear-button[data-v-fcdeb5c8]:hover{color:#a9afb4}.item[data-v-fcdeb5c8]{width:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;justify-content:flex-start}.item--with-icon[data-v-fcdeb5c8],.item--multi[data-v-fcdeb5c8]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item--without-icon[data-v-fcdeb5c8]{gap:.25rem}.checkbox[data-v-fcdeb5c8]{display:block;margin-right:.25rem}.image[data-v-fcdeb5c8]{align-items:center;justify-content:center;display:flex}.start-icon[data-v-fcdeb5c8]{display:flex;align-items:center;color:#a9afb4}
+.label[data-v-f8670990]{color:#41454d}.item-container-draggable[data-v-f8670990]{display:flex;align-items:center;cursor:grab;overflow-x:hidden;overflow:hidden;border:1px solid #DDDFE1;margin:.25rem 0;border-radius:.5rem;padding:.5rem .25rem .5rem .5rem}.item-container-draggable--disabled[data-v-f8670990]{cursor:not-allowed;opacity:.7}.item-container-draggable[data-v-f8670990]:focus{outline:none}.item-container-draggable[data-v-f8670990]:hover,.item-container-draggable--active[data-v-f8670990],.item-container-draggable[data-v-f8670990]:active{background-color:#f7f8f9}.item-container-draggable:hover .start-icon[data-v-f8670990],.item-container-draggable--active .start-icon[data-v-f8670990],.item-container-draggable:active .start-icon[data-v-f8670990]{color:#7b838c}.item-container-draggable:not(.item-container-draggable--multi).item-container-draggable--selected[data-v-f8670990]{color:#3083ff;background-color:#e2eeff;height:2rem}.item-container-draggable--multi[data-v-f8670990]{height:2rem}.item-container-draggable--two-lines[data-v-f8670990]{height:3rem}.text-container[data-v-f8670990]{color:#53575b;display:flex;flex-direction:column;line-height:normal;max-width:10.5rem;height:100%}.subtitle[data-v-f8670990]{margin-top:.125rem;color:#7b838c}.clear-button[data-v-f8670990]{padding:0 .25rem;display:flex;align-items:center;height:auto;background-image:none;min-width:auto;border:none;cursor:pointer;background-color:transparent;color:#d2d5d8}.clear-button[data-v-f8670990]:hover{color:#a9afb4}.item[data-v-f8670990]{width:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;justify-content:flex-start}.item--with-icon[data-v-f8670990],.item--multi[data-v-f8670990]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item--without-icon[data-v-f8670990]{gap:.25rem}.checkbox[data-v-f8670990]{display:block;margin-right:.25rem}.image[data-v-f8670990]{align-items:center;justify-content:center;display:flex}.start-icon[data-v-f8670990]{display:flex;align-items:center;color:#d2d5d8}

package/README.md

@@ -109,4 +109,3 @@ On CI process:
 7. if changes are required, manually trigger the workflow with update input as true
 8. a new folder named "stable" will be created under the branch name folder on s3
 9. on merge to master branch folder will be copy to master.    
-

package/Table.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-207d9674]{color:#41454d}.sticky[data-v-207d9674]{position:sticky}.table-container[data-v-207d9674]{width:100%;position:relative}.last.floating[data-v-207d9674]{max-width:100%}.table-header[data-v-207d9674]{display:flex;align-items:center;height:55px;border-bottom:1px solid #DDDFE1;background-color:#fff;position:sticky;left:0}.table-header .table-title[data-v-207d9674]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-207d9674]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-207d9674]{border-left:1px solid #DDDFE1}.table-header.isStickyHeader[data-v-207d9674]{z-index:199;top:0}.table-head-container[data-v-207d9674]{display:flex;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-207d9674]{display:inline-table}.table-header-actions[data-v-207d9674]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-207d9674]{position:relative}.table-row.loading[data-v-207d9674]{opacity:.7}.floating-actions[data-v-207d9674]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-207d9674]{position:relative;display:block;overflow:auto;background:#FFFFFF;border:1px solid #DDDFE1;color:#53575b;text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:1rem}table td[data-v-207d9674],table th[data-v-207d9674]{padding:0 1.5rem;line-height:normal}table thead[data-v-207d9674]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-207d9674]{color:#626970;border-bottom:2px solid #DDDFE1;height:2.5rem;display:grid;grid-template-columns:var(--3dbbd311)}table thead tr th[data-v-207d9674]{background:#FFFFFF;width:100%;display:flex;align-items:center;cursor:default}table thead tr th.bordered[data-v-207d9674]{border-right:1px solid #DDDFE1}table thead tr th.isTextRight[data-v-207d9674]{justify-content:flex-end}table thead tr th.isSortable[data-v-207d9674]{cursor:pointer}table thead.sticky[data-v-207d9674]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-207d9674]{z-index:198px;top:55px}table tbody[data-v-207d9674]{height:100%;display:block}table tbody tr[data-v-207d9674]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--3dbbd311)}table tbody tr:nth-of-type(even) td[data-v-207d9674]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-207d9674]{background-color:#f7f8f9}table tbody td[data-v-207d9674]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #DDDFE1;justify-content:start}table tbody td.bordered[data-v-207d9674]{border-right:1px solid #DDDFE1}table tbody td.isTextRight[data-v-207d9674]{justify-content:flex-end}table tfoot[data-v-207d9674]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-207d9674]{left:0}.sections[data-v-207d9674]{display:flex}.section[data-v-207d9674]{padding:0 1.5rem;background:#FFFFFF;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #DDDFE1}
+.label[data-v-6b794ce9]{color:#41454d}.sticky[data-v-6b794ce9]{position:sticky}.table-container[data-v-6b794ce9]{width:100%;position:relative}.last.floating[data-v-6b794ce9]{max-width:100%}.table-header[data-v-6b794ce9]{display:flex;align-items:center;height:55px;border-bottom:1px solid #DDDFE1;background-color:#fff;position:sticky;left:0}.table-header .table-title[data-v-6b794ce9]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-6b794ce9]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-6b794ce9]{border-left:1px solid #DDDFE1}.table-header.isStickyHeader[data-v-6b794ce9]{z-index:199;top:0}.table-head-container[data-v-6b794ce9]{display:flex;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-6b794ce9]{display:inline-table}.table-header-actions[data-v-6b794ce9]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-6b794ce9]{position:relative}.table-row.loading[data-v-6b794ce9]{opacity:.7}.floating-actions[data-v-6b794ce9]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-6b794ce9]{position:relative;display:block;overflow:auto;background:#FFFFFF;border:1px solid #DDDFE1;color:#53575b;text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:1rem}table td[data-v-6b794ce9],table th[data-v-6b794ce9]{padding:0 1.5rem;line-height:normal}table thead[data-v-6b794ce9]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-6b794ce9]{color:#626970;border-bottom:2px solid #DDDFE1;height:2.5rem;display:grid;grid-template-columns:var(--4c2b4786)}table thead tr th[data-v-6b794ce9]{background:#FFFFFF;width:100%;display:flex;align-items:center;cursor:default}table thead tr th.bordered[data-v-6b794ce9]{border-right:1px solid #DDDFE1}table thead tr th.isTextRight[data-v-6b794ce9]{justify-content:flex-end}table thead tr th.isSortable[data-v-6b794ce9]{cursor:pointer}table thead.sticky[data-v-6b794ce9]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-6b794ce9]{z-index:198px;top:55px}table tbody[data-v-6b794ce9]{height:100%;display:block}table tbody tr[data-v-6b794ce9]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--4c2b4786)}table tbody tr:nth-of-type(even) td[data-v-6b794ce9]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-6b794ce9]{background-color:#f7f8f9}table tbody td[data-v-6b794ce9]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #DDDFE1;justify-content:start}table tbody td.bordered[data-v-6b794ce9]{border-right:1px solid #DDDFE1}table tbody td.isTextRight[data-v-6b794ce9]{justify-content:flex-end}table tfoot[data-v-6b794ce9]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-6b794ce9]{left:0}.sections[data-v-6b794ce9]{display:flex}.section[data-v-6b794ce9]{padding:0 1.5rem;background:#FFFFFF;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #DDDFE1}

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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "AppIcon",
   props: {
     size: { default: "md" },
@@ -27,10 +27,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["application-icon", `icon-${__props.size}`])
+        class: normalizeClass(["application-icon", `icon-${_ctx.size}`])
       }, [
         createElementVNode("img", {
-          src: __props.src,
+          src: _ctx.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,14 +1,21 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, 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';
-/* 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                                                                      *//* empty css                                                            */
+import '../typography/Heading.vue.js';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 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({
+const allTitle = "All apps selected";
+const NoAppsTitle = "No apps to select";
+const allAppsIcon = "widgetsz";
+const noAppsIcon = "cube-background";
+const _sfc_main = defineComponent({
   __name: "AppTrigger",
   props: {
     selected: { default: null },
@@ -18,8 +25,6 @@ const _sfc_main = /* @__PURE__ */ 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;
@@ -35,8 +40,6 @@ 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
     );
@@ -93,39 +96,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["app-trigger", {
-          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
+          "app-trigger--with-icons": selectedSize.value > 0 || allMode.value
         }])
       }, [
         renderSlot(_ctx.$slots, "left-image", {}, () => [
           createElementVNode("div", _hoisted_1, [
-            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
+            appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
               key: 0,
               size: "xl",
-              src: unref(appImage)
+              src: appImage.value
             }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
               class: "trigger-icon",
               "font-size": "2rem",
-              name: unref(appIcon)
+              name: appIcon.value
             }, null, 8, ["name"]))
           ])
         ], true),
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
+          osIcon.value ? (openBlock(), createBlock(unref(Icon), {
             key: 0,
             class: "app-trigger__left-icon",
-            name: unref(osIcon),
+            name: osIcon.value,
             "font-size": "md"
           }, null, 8, ["name"])) : createCommentVNode("", true)
         ], true),
         createElementVNode("div", {
           class: normalizeClass(["app-trigger__middle-section", {
-            "app-trigger__middle-section--single": unref(singleApp),
-            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
+            "app-trigger__middle-section--single": singleApp.value,
+            "app-trigger__middle-section--loading": _ctx.loading || !_ctx.options?.length
           }])
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
+            createVNode(unref(_sfc_main$1), { text: title.value }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
                   strong: "",
@@ -134,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   size: "sm"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(title)), 1)
+                    createTextVNode(toDisplayString(title.value), 1)
                   ]),
                   _: 1
                 })
@@ -144,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], true),
           renderSlot(_ctx.$slots, "description", {}, () => [
             createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
+              createVNode(unref(_sfc_main$1), { text: description.value }, {
                 default: withCtx(() => [
                   createVNode(unref(Text), {
                     class: "app-trigger__description",
@@ -152,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "is-truncated": ""
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(description)), 1)
+                      createTextVNode(toDisplayString(description.value), 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,14 +1,16 @@
 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';
-/* 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 '../dropdown/Option.vue.js';
+import '../dropdown/Label.vue.js';
+import '../dropdown/SearchInput.vue.js';
+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                                                                      */
+/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "AutocompleteDropdown",
   props: {
     options: { default: () => [] },
@@ -93,10 +95,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: dropdownRef,
         class: "autocomplete-dropdown"
       }, _ctx.$attrs, {
-        selected: unref(selection),
-        options: unref(filteredOptions),
+        selected: selection.value,
+        options: filteredOptions.value,
         "on-search": () => true,
-        "display-value": __props.displayValue,
+        "display-value": _ctx.displayValue,
         "keep-open": "",
         "is-on-top": false,
         multi: false,
@@ -112,9 +114,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(AutocompleteInput, {
             ref_key: "inputRef",
             ref: inputRef,
-            value: unref(selection),
-            placeholder: __props.placeholder,
-            "display-value": __props.displayValue,
+            value: selection.value,
+            placeholder: _ctx.placeholder,
+            "display-value": _ctx.displayValue,
             onRemove: deselectOption,
             onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
           }, {
@@ -125,9 +127,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["value", "placeholder", "display-value"])
         ]),
         default: withCtx(({ option }) => [
-          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
+          _ctx.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
+              createTextVNode(toDisplayString(_ctx.displayValue(option)), 1)
             ]),
             _: 2
           }, 1024)) : renderSlot(_ctx.$slots, "default", {
@@ -137,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, void 0, true)
         ]),
         _: 3
-      }, 16, ["selected", "options", "on-search", "display-value", "distance", "onKeydown"]);
+      }, 16, ["selected", "options", "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, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, unref, 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "AutocompleteInput",
   props: {
     value: { default: () => [] },
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: { default: DEFAULT_PLACEHOLDER }
   },
   emits: ["remove", "search"],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const api = useDropdownContext("autocompleteInput");
     const inputEl = ref(null);
@@ -43,15 +43,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function focusInput() {
       inputEl.value?.focus();
     }
-    expose({
+    __expose({
       focusInput
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
+        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": isOpen.value }]),
         onClick: withModifiers(onContainerClick, ["stop"])
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, (option, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
             class: "autocomplete-input__option"
@@ -81,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "autocomplete-input__search-field",
           type: "text",
           value: unref(api).query.value,
-          placeholder: __props.placeholder,
+          placeholder: _ctx.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,12 +1,13 @@
 import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
 import { NOOP } from '@vue/shared';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import '../typography/Heading.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                                                             */
+/* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = 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

@@ -8,7 +8,7 @@ const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
 const _hoisted_2 = { class: "content-wrapper" };
 const _hoisted_3 = { class: "icon-container" };
 const _hoisted_4 = { class: "content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Banner",
   props: {
     type: {
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_3, [
             _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              class: normalizeClass(unref(iconClass))
+              class: normalizeClass(iconClass.value)
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon", {}, void 0, true)
@@ -40,8 +40,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 3
             }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: unref(iconClass),
-              class: normalizeClass(unref(iconClass)),
+              name: iconClass.value,
+              class: normalizeClass(iconClass.value),
               "font-size": __props.iconSize
             }, null, 8, ["name", "class", "font-size"]))
           ]),

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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Button",
   props: {
     leftIconName: { default: null },
@@ -18,30 +18,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ButtonBase, mergeProps({
         class: [
-          __props.size,
+          _ctx.size,
           {
-            "with-left-icon": !!__props.leftIconName,
-            "with-right-icon": !!__props.rightIconName
+            "with-left-icon": !!_ctx.leftIconName,
+            "with-right-icon": !!_ctx.rightIconName
           }
         ],
-        size: __props.size
+        size: _ctx.size
       }, _ctx.$attrs), createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass({
-              flex: __props.leftIconName || __props.rightIconName
+              flex: _ctx.leftIconName || _ctx.rightIconName
             })
           }, [
-            __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
+            _ctx.leftIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              name: __props.leftIconName,
-              "font-size": unref(computedIconWidth)
+              name: _ctx.leftIconName,
+              "font-size": computedIconWidth.value
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
+            _ctx.rightIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: __props.rightIconName,
-              "font-size": unref(computedIconWidth)
+              name: _ctx.rightIconName,
+              "font-size": computedIconWidth.value
             }, 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,13 +1,16 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, withCtx, createCommentVNode } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import '../typography/Heading.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                                                            */
+/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const loaderWidthLargeInPixel = 32;
+const loaderWidthMedSmallInPixel = 24;
+const _sfc_main = defineComponent({
   __name: "ButtonBase",
   props: {
     size: { default: "md" },
@@ -19,21 +22,19 @@ const _sfc_main = /* @__PURE__ */ 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: [[__props.size, __props.theme, __props.variant, { loading: __props.loading }], "button-wrap"]
+        class: [[_ctx.size, _ctx.theme, _ctx.variant, { loading: _ctx.loading }], "button-wrap"]
       }, _ctx.$attrs), [
-        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
+        !_ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
           renderSlot(_ctx.$slots, "content", {}, () => [
             createVNode(unref(Text), {
-              size: unref(textSize),
-              strong: __props.strong,
+              size: textSize.value,
+              strong: _ctx.strong,
               class: "content"
             }, {
               default: withCtx(() => [
@@ -43,9 +44,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["size", "strong"])
           ], true)
         ])) : createCommentVNode("", true),
-        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
+        _ctx.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
           createVNode(unref(Icon), {
-            "font-size": unref(loaderWidth),
+            "font-size": loaderWidth.value,
             class: "loading"
           }, {
             default: withCtx(() => [

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

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