telpick 2.0.0

package/dist/style.css

@@ -0,0 +1 @@
+:root{--telpick-bg: #ffffff;--telpick-border: #e5e7eb;--telpick-radius: 12px;--telpick-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--telpick-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--telpick-flag-size: 24px;--telpick-font-size: 14px;--telpick-hover-bg: #f3f4f6;--telpick-active-bg: #eff6ff;--telpick-selected-bg: #eff6ff;--telpick-selected-border: #3b82f6;--telpick-selected-shadow: 2px 0 4px rgba(59, 130, 246, .3);--telpick-selected-text: #1f2937;--telpick-text: #1f2937;--telpick-text-secondary: #6b7280;--telpick-border-focus: #3b82f6;--telpick-transition: all .2s cubic-bezier(.4, 0, .2, 1);--telpick-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.telpick-wrapper,.telpick-wrapper *{font-family:var(--telpick-font-family)}.telpick-wrapper{position:relative;display:inline-block}.telpick-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--telpick-bg);border:1.5px solid var(--telpick-border);border-radius:var(--telpick-radius);font-size:var(--telpick-font-size);color:var(--telpick-text);cursor:pointer;transition:var(--telpick-transition);box-shadow:0 1px 2px #0000000d;font-weight:500;min-width:120px}.telpick-btn:hover{border-color:#d1d5db;box-shadow:var(--telpick-shadow);transform:translateY(-1px)}.telpick-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.telpick-btn:focus{outline:none;border-color:var(--telpick-border-focus);box-shadow:0 0 0 3px #3b82f61a}.telpick-btn .telpick-arrow{margin-left:auto;transition:transform .2s cubic-bezier(.4,0,.2,1);font-size:.75rem;color:var(--telpick-text-secondary)}.telpick-btn[aria-expanded=true] .telpick-arrow{transform:rotate(180deg)}.telpick-flag{width:var(--telpick-flag-size);height:calc(var(--telpick-flag-size) * .75);border-radius:4px;object-fit:cover;overflow:hidden;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.telpick-flag img{width:100%;height:100%;object-fit:cover;display:block}.telpick-dropdown{background:var(--telpick-bg);border:1.5px solid var(--telpick-border);border-radius:var(--telpick-radius);box-shadow:var(--telpick-shadow-lg);width:280px;position:absolute;z-index:1000;margin-top:.5rem;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);animation:telpick-dropdown-open .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes telpick-dropdown-open{to{opacity:1;transform:translateY(0) scale(1)}}.telpick-dropdown.telpick-dropdown-closing{animation:telpick-dropdown-close .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes telpick-dropdown-close{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.telpick-search{width:100%;padding:.75rem 1rem;border:none;border-bottom:1.5px solid var(--telpick-border);font-size:var(--telpick-font-size);outline:none;background:var(--telpick-bg);color:var(--telpick-text);transition:var(--telpick-transition)}.telpick-search::placeholder{color:var(--telpick-text-secondary)}.telpick-search:focus{border-bottom-color:var(--telpick-border-focus);background:#fafafa}.telpick-dropdown ul{max-height:300px;overflow-y:auto;margin:0;padding:.25rem 0;list-style:none}.telpick-dropdown ul::-webkit-scrollbar{width:6px}.telpick-dropdown ul::-webkit-scrollbar-track{background:transparent}.telpick-dropdown ul::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.telpick-dropdown ul::-webkit-scrollbar-thumb:hover{background:#9ca3af}.telpick-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:var(--telpick-font-size);color:var(--telpick-text);cursor:pointer;transition:var(--telpick-transition);position:relative}.telpick-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--telpick-border-focus);transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.telpick-item:hover{background:var(--telpick-hover-bg);padding-left:1.25rem}.telpick-item:hover:before{transform:scaleY(1)}.telpick-item:active{background:var(--telpick-active-bg)}.telpick-item-selected{background:var(--telpick-selected-bg)!important;box-shadow:var(--telpick-selected-shadow)!important;padding-left:1.25rem!important;font-weight:600;color:var(--telpick-selected-text)!important;position:relative}.telpick-item-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--telpick-selected-border);transform:scaleY(1)!important}.telpick-item-selected:hover{background:var(--telpick-selected-bg)!important;box-shadow:var(--telpick-selected-shadow)!important;color:var(--telpick-selected-text)!important}.telpick-item-selected span,.telpick-item-selected span:last-child{color:var(--telpick-selected-text)!important;font-weight:600}.telpick-item span:last-child{margin-left:auto;color:var(--telpick-text-secondary);font-weight:600;font-size:.875rem}.telpick-item .telpick-flag{flex-shrink:0}.telpick-dropdown-enter-active,.telpick-dropdown-leave-active{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.telpick-dropdown-enter-from{opacity:0;transform:translateY(-10px) scale(.95)}.telpick-dropdown-enter-to,.telpick-dropdown-leave-from{opacity:1;transform:translateY(0) scale(1)}.telpick-dropdown-leave-to{opacity:0;transform:translateY(-10px) scale(.95)}.relative{position:relative}.ml-auto{margin-left:auto}