diff --git a/dist/svelecte.css b/dist/svelecte.css
index 395f224..241e415 100644
--- a/dist/svelecte.css
+++ b/dist/svelecte.css
@@ -1,3 +1,3 @@
-.svelecte-control.svelte-17904zl{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-17904zl{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-17904zl{pointer-events:none}.icon-slot.svelte-17904zl{display:flex}.sv-hidden-element.svelte-17904zl{opacity:0;position:absolute;z-index:-2;top:0;height:var(--sv-min-height)}.svelecte-control .has-multiSelection .sv-item,#dnd-action-dragged-el .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item,#dnd-action-dragged-el .sv-item-content{padding:3px 3px 3px 6px}.svelecte-control .sv-item,#dnd-action-dragged-el .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content,#dnd-action-dragged-el .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.indicator-icon.svelte-17904zl{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.sv-dropdown.svelte-9227bl.svelte-9227bl{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-9227bl .sv-dropdown-scroll.svelte-9227bl{overflow-y:hidden}.sv-dropdown-scroll.svelte-9227bl.svelte-9227bl{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-9227bl.svelte-9227bl{padding:0}.sv-dropdown[aria-expanded="true"].svelte-9227bl.svelte-9227bl{display:block}.sv-dropdown-content.max-reached.svelte-9227bl.svelte-9227bl{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-9227bl:not(.is-empty)+.creatable-row-wrap.svelte-9227bl{border-top:1px solid #efefef}.creatable-row-wrap.svelte-9227bl.svelte-9227bl{padding:4px}.creatable-row.svelte-9227bl.svelte-9227bl{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-9227bl.svelte-9227bl:hover,.creatable-row.svelte-9227bl.svelte-9227bl:active,.creatable-row.active.svelte-9227bl.svelte-9227bl{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;cursor:not-allowed}.shortcut.svelte-9227bl.svelte-9227bl{display:flex;align-items:center;align-content:center}.shortcut.svelte-9227bl>kbd.svelte-9227bl{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-9227bl.svelte-9227bl{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.alwaysCollapsed-selection.has-multiSelection.svelte-9227bl.svelte-9227bl{padding:4px 4px 0;display:flex;flex-wrap:wrap}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.sv-control.svelte-1l8hgl2{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-1l8hgl2{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-1l8hgl2{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-1l8hgl2{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-1l8hgl2{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-1l8hgl2{flex-flow:wrap}.indicator.svelte-1l8hgl2{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-1l8hgl2{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-1l8hgl2:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-1l8hgl2{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.is-loading.svelte-1l8hgl2:after{animation:svelte-1l8hgl2-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-1l8hgl2-spinAround{from{transform:rotate(0deg)
+.svelecte-control.svelte-17904zl{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-17904zl{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-17904zl{pointer-events:none}.icon-slot.svelte-17904zl{display:flex}.sv-hidden-element.svelte-17904zl{opacity:0;position:absolute;z-index:-2;top:0;height:var(--sv-min-height)}.svelecte-control .has-multiSelection .sv-item,#dnd-action-dragged-el .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item,#dnd-action-dragged-el .sv-item-content{padding:3px 3px 3px 6px}.svelecte-control .sv-item,#dnd-action-dragged-el .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content,#dnd-action-dragged-el .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.indicator-icon.svelte-17904zl{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.sv-control.svelte-1l8hgl2{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-1l8hgl2{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-1l8hgl2{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-1l8hgl2{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-1l8hgl2{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-1l8hgl2{flex-flow:wrap}.indicator.svelte-1l8hgl2{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-1l8hgl2{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-1l8hgl2:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-1l8hgl2{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.is-loading.svelte-1l8hgl2:after{animation:svelte-1l8hgl2-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-1l8hgl2-spinAround{from{transform:rotate(0deg)
   }to{transform:rotate(359deg)
-  }}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
+  }}.sv-dropdown.svelte-9227bl.svelte-9227bl{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-9227bl .sv-dropdown-scroll.svelte-9227bl{overflow-y:hidden}.sv-dropdown-scroll.svelte-9227bl.svelte-9227bl{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-9227bl.svelte-9227bl{padding:0}.sv-dropdown[aria-expanded="true"].svelte-9227bl.svelte-9227bl{display:block}.sv-dropdown-content.max-reached.svelte-9227bl.svelte-9227bl{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-9227bl:not(.is-empty)+.creatable-row-wrap.svelte-9227bl{border-top:1px solid #efefef}.creatable-row-wrap.svelte-9227bl.svelte-9227bl{padding:4px}.creatable-row.svelte-9227bl.svelte-9227bl{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-9227bl.svelte-9227bl:hover,.creatable-row.svelte-9227bl.svelte-9227bl:active,.creatable-row.active.svelte-9227bl.svelte-9227bl{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;cursor:not-allowed}.shortcut.svelte-9227bl.svelte-9227bl{display:flex;align-items:center;align-content:center}.shortcut.svelte-9227bl>kbd.svelte-9227bl{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-9227bl.svelte-9227bl{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.alwaysCollapsed-selection.has-multiSelection.svelte-9227bl.svelte-9227bl{padding:4px 4px 0;display:flex;flex-wrap:wrap}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
diff --git a/docs/build/app.css b/docs/build/app.css
index e711ce0..5c5c608 100644
--- a/docs/build/app.css
+++ b/docs/build/app.css
@@ -1,3 +1,3 @@
-.small-input.svelte-1go3b6d{width:50px;height:20px}.icon-slot b{font-family:'Fira Code';margin-left:0.5rem}.flexible-svelecte .sv-control{display:inline-flex !important}.flexible-svelecte.svelte-19xmbht .svelecte{min-width:100px}.flexible-svelecte.svelte-19xmbht .sv-input-row{min-width:100px;transition:min-width .15s ease}.flexible-svelecte.svelte-19xmbht .is-active .sv-input-row{min-width:300px;transition:min-width .15s ease}.svelecte-control.custom-css .sv-control{border:1px dashed rgb(255, 147, 147) !important}.custom-css .sv-control.is-active{border:1px dashed red !important;box-shadow:0 0px 7px rgba(255, 0, 0, 0.151)}.svelecte-control.custom-css .sv-dropdown{border-color:rgba(255, 0, 0, 0.2) !important}.svelecte-control.custom-css .sv-dropdown .highlight{color:white;background-color:rgb(167, 63, 63)}.custom-css .sv-input-row .sv-item-content{color:rgb(190, 74, 74);text-decoration:underline;font-weight:bold}.custom-css .sv-input-row .inputBox::placeholder{color:red}.custom-css .sv-dd-item-active > .sv-item{background-color:rgba(255, 0, 0, 0.151)}.form-row.svelte-19xmbht.svelte-19xmbht{margin-bottom:2rem;min-height:20px}.optgroup-header{height:40px;padding-top:10px !important;text-align:left}fieldset.svelte-19xmbht.svelte-19xmbht{border:1px solid #ccc;border-radius:4px;padding:0.5rem;background-color:#ffecec}fieldset.svelte-19xmbht fieldset.svelte-19xmbht{margin:0 .5rem .5rem}legend.svelte-19xmbht.svelte-19xmbht{border-radius:4px;background-color:#000;color:#fff;padding:3px 6px;font-size:14px;margin-bottom:0}.sv-input-row .color-item{color:transparent}.sv-dropdown .color-item{display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid #ccc;margin-right:.5rem;align-self:center;position:relative;top:2px}input[type=number].svelte-19xmbht.svelte-19xmbht{width:60px}.input-short.svelte-19xmbht.svelte-19xmbht{width:100px}.avatar-item{display:flex;align-items:center}.avatar-bg{height:2rem;width:2rem}.sv-control{background-color:white}.svelecte-control.svelte-17904zl{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-17904zl{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-17904zl{pointer-events:none}.icon-slot.svelte-17904zl{display:flex}.sv-hidden-element.svelte-17904zl{opacity:0;position:absolute;z-index:-2;top:0;height:var(--sv-min-height)}.svelecte-control .has-multiSelection .sv-item,#dnd-action-dragged-el .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item,#dnd-action-dragged-el .sv-item-content{padding:3px 3px 3px 6px}.svelecte-control .sv-item,#dnd-action-dragged-el .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content,#dnd-action-dragged-el .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.indicator-icon.svelte-17904zl{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.sv-control.svelte-1l8hgl2{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-1l8hgl2{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-1l8hgl2{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-1l8hgl2{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-1l8hgl2{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-1l8hgl2{flex-flow:wrap}.indicator.svelte-1l8hgl2{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-1l8hgl2{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-1l8hgl2:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-1l8hgl2{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.is-loading.svelte-1l8hgl2:after{animation:svelte-1l8hgl2-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-1l8hgl2-spinAround{from{transform:rotate(0deg)
+.icon-slot b{font-family:'Fira Code';margin-left:0.5rem}.flexible-svelecte .sv-control{display:inline-flex !important}.flexible-svelecte.svelte-19xmbht .svelecte{min-width:100px}.flexible-svelecte.svelte-19xmbht .sv-input-row{min-width:100px;transition:min-width .15s ease}.flexible-svelecte.svelte-19xmbht .is-active .sv-input-row{min-width:300px;transition:min-width .15s ease}.svelecte-control.custom-css .sv-control{border:1px dashed rgb(255, 147, 147) !important}.custom-css .sv-control.is-active{border:1px dashed red !important;box-shadow:0 0px 7px rgba(255, 0, 0, 0.151)}.svelecte-control.custom-css .sv-dropdown{border-color:rgba(255, 0, 0, 0.2) !important}.svelecte-control.custom-css .sv-dropdown .highlight{color:white;background-color:rgb(167, 63, 63)}.custom-css .sv-input-row .sv-item-content{color:rgb(190, 74, 74);text-decoration:underline;font-weight:bold}.custom-css .sv-input-row .inputBox::placeholder{color:red}.custom-css .sv-dd-item-active > .sv-item{background-color:rgba(255, 0, 0, 0.151)}.form-row.svelte-19xmbht.svelte-19xmbht{margin-bottom:2rem;min-height:20px}.optgroup-header{height:40px;padding-top:10px !important;text-align:left}fieldset.svelte-19xmbht.svelte-19xmbht{border:1px solid #ccc;border-radius:4px;padding:0.5rem;background-color:#ffecec}fieldset.svelte-19xmbht fieldset.svelte-19xmbht{margin:0 .5rem .5rem}legend.svelte-19xmbht.svelte-19xmbht{border-radius:4px;background-color:#000;color:#fff;padding:3px 6px;font-size:14px;margin-bottom:0}.sv-input-row .color-item{color:transparent}.sv-dropdown .color-item{display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid #ccc;margin-right:.5rem;align-self:center;position:relative;top:2px}input[type=number].svelte-19xmbht.svelte-19xmbht{width:60px}.input-short.svelte-19xmbht.svelte-19xmbht{width:100px}.avatar-item{display:flex;align-items:center}.avatar-bg{height:2rem;width:2rem}.sv-control{background-color:white}.small-input.svelte-1go3b6d{width:50px;height:20px}.svelecte-control.svelte-17904zl{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-17904zl{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-17904zl{pointer-events:none}.icon-slot.svelte-17904zl{display:flex}.sv-hidden-element.svelte-17904zl{opacity:0;position:absolute;z-index:-2;top:0;height:var(--sv-min-height)}.svelecte-control .has-multiSelection .sv-item,#dnd-action-dragged-el .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item,#dnd-action-dragged-el .sv-item-content{padding:3px 3px 3px 6px}.svelecte-control .sv-item,#dnd-action-dragged-el .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content,#dnd-action-dragged-el .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.indicator-icon.svelte-17904zl{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.sv-control.svelte-1l8hgl2{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-1l8hgl2{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-1l8hgl2{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-1l8hgl2{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-1l8hgl2{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-1l8hgl2{flex-flow:wrap}.indicator.svelte-1l8hgl2{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-1l8hgl2{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-1l8hgl2:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-1l8hgl2{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.is-loading.svelte-1l8hgl2:after{animation:svelte-1l8hgl2-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-1l8hgl2-spinAround{from{transform:rotate(0deg)
   }to{transform:rotate(359deg)
-  }}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.sv-dropdown.svelte-9227bl.svelte-9227bl{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-9227bl .sv-dropdown-scroll.svelte-9227bl{overflow-y:hidden}.sv-dropdown-scroll.svelte-9227bl.svelte-9227bl{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-9227bl.svelte-9227bl{padding:0}.sv-dropdown[aria-expanded="true"].svelte-9227bl.svelte-9227bl{display:block}.sv-dropdown-content.max-reached.svelte-9227bl.svelte-9227bl{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-9227bl:not(.is-empty)+.creatable-row-wrap.svelte-9227bl{border-top:1px solid #efefef}.creatable-row-wrap.svelte-9227bl.svelte-9227bl{padding:4px}.creatable-row.svelte-9227bl.svelte-9227bl{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-9227bl.svelte-9227bl:hover,.creatable-row.svelte-9227bl.svelte-9227bl:active,.creatable-row.active.svelte-9227bl.svelte-9227bl{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;cursor:not-allowed}.shortcut.svelte-9227bl.svelte-9227bl{display:flex;align-items:center;align-content:center}.shortcut.svelte-9227bl>kbd.svelte-9227bl{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-9227bl.svelte-9227bl{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.alwaysCollapsed-selection.has-multiSelection.svelte-9227bl.svelte-9227bl{padding:4px 4px 0;display:flex;flex-wrap:wrap}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
+  }}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.sv-dropdown.svelte-9227bl.svelte-9227bl{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-9227bl .sv-dropdown-scroll.svelte-9227bl{overflow-y:hidden}.sv-dropdown-scroll.svelte-9227bl.svelte-9227bl{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-9227bl.svelte-9227bl{padding:0}.sv-dropdown[aria-expanded="true"].svelte-9227bl.svelte-9227bl{display:block}.sv-dropdown-content.max-reached.svelte-9227bl.svelte-9227bl{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-9227bl:not(.is-empty)+.creatable-row-wrap.svelte-9227bl{border-top:1px solid #efefef}.creatable-row-wrap.svelte-9227bl.svelte-9227bl{padding:4px}.creatable-row.svelte-9227bl.svelte-9227bl{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-9227bl.svelte-9227bl:hover,.creatable-row.svelte-9227bl.svelte-9227bl:active,.creatable-row.active.svelte-9227bl.svelte-9227bl{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-9227bl.svelte-9227bl{opacity:0.5;cursor:not-allowed}.shortcut.svelte-9227bl.svelte-9227bl{display:flex;align-items:center;align-content:center}.shortcut.svelte-9227bl>kbd.svelte-9227bl{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-9227bl.svelte-9227bl{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.alwaysCollapsed-selection.has-multiSelection.svelte-9227bl.svelte-9227bl{padding:4px 4px 0;display:flex;flex-wrap:wrap}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 998bef6..bef11b5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -100,9 +100,23 @@ <h4 class="ml-2 mb-0"><b>S</b><span class="velecte">velecte</span></h4>
               component. It's main inspiration was <a href="https://github.com/selectize/selectize.js">selectize.js</a>.
             </p>
 
+            <div style="border: 3px solid #ff602d; background-color: #fad2c4; padding: 20px;">
+              <h1>Heads up!</h1>
+
+              <p>
+                Version 4 has been release and since then documentation has moved to <a href="https://svelecte.vercel.app" target="_blank" style="color: #222; font-weight: bold; text-decoration: dashed;">https://svelecte.vercel.app</a>.
+                <br>
+                Current version <a href="https://github.com/mskocik/svelecte"><img src="https://img.shields.io/npm/v/svelecte.svg?style=flat" alt="svelecte version" class="middle-img"></a>
+              </p>
+
+              <p>
+              </p>
+            </div>
+
             <p class="mt-2">
-              <span>Current version:</span>
-              <a href="https://github.com/mskocik/svelecte"><img src="https://img.shields.io/npm/v/svelecte.svg?style=flat" alt="svelecte version" class="middle-img"></a>
+              <span>You are currenlty browsing documentation for:</span>
+              
+              <a href="https://github.com/mskocik/svelecte"><img src="static/svelecte.svg" alt="svelecte version" class="middle-img"></a>
             </p>
 
             <hr>
diff --git a/docs/static/svelecte.svg b/docs/static/svelecte.svg
new file mode 100644
index 0000000..171d620
--- /dev/null
+++ b/docs/static/svelecte.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="88" height="20" role="img" aria-label="npm: v3.17.3"><title>npm: v3.17.3</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="88" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="35" height="20" fill="#555"/><rect x="35" width="53" height="20" fill="#007ec6"/><rect width="88" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="185" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">npm</text><text x="185" y="140" transform="scale(.1)" fill="#fff" textLength="250">npm</text><text aria-hidden="true" x="605" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">v3.17.3</text><text x="605" y="140" transform="scale(.1)" fill="#fff" textLength="430">v3.17.3</text></g></svg>
\ No newline at end of file