1inui 1.0.0

package/dist/1in-ui.min.css

@@ -0,0 +1 @@
+:root{--ui-primary:#6366f1;--ui-primary-hover:#4f46e5;--ui-success:#10b981;--ui-error:#ef4444;--ui-warning:#f59e0b;--ui-bg:#f1f5f9;--ui-bg-card:#ffffff;--ui-bg-input:#f8fafc;--ui-border:#f1f5f9;--ui-border-dark:#e2e8f0;--ui-text:#475569;--ui-text-dark:#1e293b;--ui-text-light:#94a3b8;--ui-text-muted:#64748b;--ui-font:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--ui-shadow-card:0 4px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px -1px rgba(0, 0, 0, 0.02);--ui-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.08),0 4px 6px -4px rgba(0, 0, 0, 0.05);--ui-transition:all 0.2s ease;--ui-transition-colors:color 0.3s,background-color 0.3s,border-color 0.3s}.dark{--ui-bg:#0f172a;--ui-bg-card:#1e293b;--ui-bg-input:#0f172a;--ui-border:#334155;--ui-border-dark:#334155;--ui-text:#cbd5e1;--ui-text-dark:#ffffff;--ui-text-light:#64748b;--ui-text-muted:#94a3b8}*,::after,::before{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4c9ce;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8adb3}.dark ::-webkit-scrollbar-thumb{background:#1a1b1e}.dark ::-webkit-scrollbar-thumb:hover{background:#232428}*{scrollbar-width:thin;scrollbar-color:#c4c9ce transparent}.dark *{scrollbar-color:#1a1b1e transparent}.ui-base{font-family:var(--ui-font);color:var(--ui-text);background-color:var(--ui-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.ui-navbar{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ui-border);transition:var(--ui-transition-colors)}.dark .ui-navbar{background:rgba(15,23,42,.8);border-color:#1e293b}.ui-navbar-inner{max-width:80rem;margin:0 auto;padding:0 1rem;height:100%;display:flex;justify-content:space-between;align-items:center}.ui-navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer}.ui-navbar-brand img{width:2rem;height:2rem;border-radius:.5rem;box-shadow:var(--ui-shadow-lg)}.ui-navbar-brand span{font-weight:800;font-size:1.125rem;color:var(--ui-text-dark);letter-spacing:-.025em}.ui-nav-pills{display:flex;align-items:center;gap:.25rem;background:rgba(241,245,249,.5);padding:.25rem;border-radius:9999px}.dark .ui-nav-pills{background:rgba(30,41,59,.5)}.ui-nav-link{padding:.375rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:700;color:var(--ui-text-muted);text-decoration:none;transition:var(--ui-transition)}.ui-nav-link:hover{color:var(--ui-primary)}.ui-nav-link.active{background:var(--ui-bg-card);color:var(--ui-primary);box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.dark .ui-nav-link.active{background:#334155}.ui-divider-v{width:1px;height:1.5rem;background:rgba(226,232,240,.7);margin:0 .25rem}.dark .ui-divider-v{background:#334155}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:.15s;text-decoration:none;white-space:nowrap;font-family:var(--ui-font)}.ui-btn:hover:not(:disabled){transform:translateY(-1px)}.ui-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn-primary{background:var(--ui-primary);color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.1)}.ui-btn-primary:hover:not(:disabled){background:var(--ui-primary-hover);box-shadow:0 4px 12px rgba(99,102,241,.4)}.ui-btn-secondary{background:#f1f5f9;color:#334155}.dark .ui-btn-secondary{background:#334155;color:#f1f5f9}.ui-btn-secondary:hover:not(:disabled){background:#e2e8f0}.dark .ui-btn-secondary:hover:not(:disabled){background:#475569}.ui-btn-ghost{background:0 0;color:var(--ui-text)}.ui-btn-ghost:hover:not(:disabled){background:#f1f5f9}.dark .ui-btn-ghost:hover:not(:disabled){background:#1e293b}.ui-btn-danger{background:#ef4444;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.1)}.ui-btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.4)}.ui-btn-success{background:#22c55e;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.1)}.ui-btn-success:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px rgba(34,197,94,.4)}.ui-btn-lg{width:100%;padding:1rem;font-size:1.125rem;border-radius:.75rem;box-shadow:var(--ui-shadow-lg)}.ui-btn-lg:hover:not(:disabled){transform:translateY(-2px)}.ui-btn-lg:active:not(:disabled){transform:translateY(0)}.ui-btn-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:9999px;background:#f8fafc;color:var(--ui-text-light);border:none;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center}.ui-btn-icon svg{width:1.125rem;height:1.125rem}.dark .ui-btn-icon{background:#1e293b}.ui-btn-icon:hover:not(:disabled){background:#e2e8f0;color:var(--ui-text-dark)}.dark .ui-btn-icon:hover:not(:disabled){background:#334155;color:#f1f5f9}.ui-card{background:var(--ui-bg-card);padding:2rem;border-radius:2rem;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-card);transition:.2s}.ui-card:hover{box-shadow:0 8px 24px -4px rgba(0,0,0,.08)}.dark .ui-card:hover{box-shadow:0 8px 24px -4px rgba(0,0,0,.3)}.ui-card-sm{padding:1rem;border-radius:1rem}.ui-card-blur{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .ui-card-blur{background:rgba(30,41,59,.6)}.ui-card-title{font-size:1.5rem;font-weight:800;color:var(--ui-text-dark);margin:0 0 .5rem}.ui-card-subtitle{font-size:.875rem;font-weight:500;color:var(--ui-text-muted);margin:0 0 1.5rem}.ui-card-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;background:rgba(99,102,241,.1);color:var(--ui-primary);display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}.ui-label{display:block;font-size:.75rem;font-weight:700;color:var(--ui-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem}.ui-input{width:100%;box-sizing:border-box;background:var(--ui-bg-input);border:2px solid transparent;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;font-family:var(--ui-font);color:var(--ui-text-dark);outline:0;transition:var(--ui-transition)}.ui-input::placeholder{color:var(--ui-text-light)}.dark .ui-input::placeholder{color:#475569}.ui-input:focus{background:var(--ui-bg-card);border-color:var(--ui-primary);box-shadow:0 0 0 3px rgba(99,102,241,.25)}.ui-input-group{position:relative}.ui-input-icon{position:absolute;left:0;top:0;bottom:0;padding-left:1rem;display:flex;align-items:center;pointer-events:none;color:var(--ui-text-light)}.ui-input-icon svg{width:1.25rem;height:1.25rem}.ui-input-group .ui-input{padding-left:2.75rem}.ui-textarea{min-height:6rem;resize:vertical}.ui-checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:700;color:var(--ui-text)}.ui-checkbox input{width:1rem;height:1rem;accent-color:var(--ui-primary);cursor:pointer}.ui-form-group{margin-bottom:1.25rem}.ui-alert{padding:1rem;border-radius:.75rem;font-size:.875rem;font-weight:700;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.ui-alert-success{background:#ecfdf5;color:#047857}.dark .ui-alert-success{background:rgba(16,185,129,.2);color:#34d399}.ui-alert-error{background:#fef2f2;color:#b91c1c}.dark .ui-alert-error{background:rgba(239,68,68,.2);color:#f87171}.ui-alert-warning{background:#fffbeb;color:#b45309}.dark .ui-alert-warning{background:rgba(245,158,11,.2);color:#fbbf24}.ui-alert-info{background:rgba(99,102,241,.1);color:#4338ca}.dark .ui-alert-info{background:rgba(99,102,241,.2);color:#a5b4fc}.ui-alert-content{display:flex;align-items:flex-start;gap:.75rem}.ui-alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ui-alert-title{font-size:1rem;font-weight:900;margin:0 0 .25rem}.ui-alert-text{font-size:.75rem;opacity:.9;margin:0}.ui-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:9999px;white-space:nowrap}.ui-badge-primary{background:rgba(99,102,241,.1);color:var(--ui-primary)}.ui-badge-secondary{background:#f1f5f9;color:#475569}.dark .ui-badge-secondary{background:#334155;color:#cbd5e1}.ui-badge-success{background:#ecfdf5;color:#059669}.dark .ui-badge-success{background:rgba(16,185,129,.2);color:#34d399}.ui-badge-error{background:#fef2f2;color:#dc2626}.dark .ui-badge-error{background:rgba(239,68,68,.2);color:#f87171}.ui-stat{background:#f8fafc;padding:.75rem;border-radius:.75rem;text-align:center}.dark .ui-stat{background:rgba(15,23,42,.5)}.ui-stat-value{font-size:1.875rem;font-weight:900;color:var(--ui-text-dark)}.ui-stat-value.primary{color:var(--ui-primary)}.ui-stat-value.success{color:#10b981}.ui-stat-value.error{color:#ef4444}.ui-stat-label{font-size:.75rem;font-weight:700;color:var(--ui-text-light);text-transform:uppercase}.ui-progress{height:.625rem;background:#f1f5f9;border-radius:9999px;overflow:hidden}.dark .ui-progress{background:#334155}.ui-progress-bar{height:100%;border-radius:9999px;background:var(--ui-primary);transition:width 1s ease-out;position:relative}.ui-progress-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)}.ui-progress-bar.success{background:#10b981}.ui-progress-bar.warning{background:#f59e0b}.ui-progress-bar.error{background:#ef4444}.ui-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem}.ui-page-btn{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--ui-bg-card);border:2px solid #e2e8f0;color:var(--ui-text-muted);font-weight:700;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ui-transition);font-family:var(--ui-font)}.dark .ui-page-btn{border-color:#334155}.ui-page-btn:hover:not(:disabled):not(.active){border-color:var(--ui-primary);color:var(--ui-primary);transform:translateY(-1px)}.ui-page-btn.active{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.35)}.ui-page-btn:disabled{opacity:.3;cursor:not-allowed}.ui-page-ellipsis{color:var(--ui-text-light);font-weight:700;padding:0 .5rem}.ui-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.ui-modal{background:var(--ui-bg-card);border-radius:2rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);width:100%;max-width:24rem;padding:2rem;position:relative;transition:var(--ui-transition-colors);animation:.3s ease-out modalSlideIn}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ui-modal-lg{max-width:28rem}.ui-modal-xl{max-width:32rem}.ui-modal-icon{width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.ui-modal-icon svg{width:2rem;height:2rem}.ui-modal-icon.danger{background:#fef2f2;color:#ef4444}.dark .ui-modal-icon.danger{background:rgba(239,68,68,.3)}.ui-modal-icon.warning{background:#fffbeb;color:#f59e0b}.dark .ui-modal-icon.warning{background:rgba(245,158,11,.3)}.ui-modal-icon.success{background:#ecfdf5;color:#10b981}.dark .ui-modal-icon.success{background:rgba(16,185,129,.3)}.ui-modal-title{font-size:1.25rem;font-weight:900;color:var(--ui-text-dark);text-align:center;margin:0 0 .5rem}.ui-modal-desc{color:var(--ui-text-muted);text-align:center;margin:0 0 1.5rem;font-size:.875rem}.ui-modal-actions{display:flex;gap:.75rem}.ui-modal-btn-cancel{flex:1;padding:.75rem;border-radius:.75rem;border:2px solid #f1f5f9;background:0 0;color:var(--ui-text-muted);font-weight:700;font-family:var(--ui-font);cursor:pointer;transition:var(--ui-transition)}.dark .ui-modal-btn-cancel{border-color:#334155}.ui-modal-btn-cancel:hover{background:#f8fafc}.dark .ui-modal-btn-cancel:hover{background:#334155}.ui-modal-btn-confirm{flex:1;padding:.75rem;border-radius:.75rem;border:none;background:var(--ui-primary);color:#fff;font-weight:700;font-family:var(--ui-font);cursor:pointer;transition:var(--ui-transition)}.ui-modal-btn-confirm:hover{background:var(--ui-primary-hover);box-shadow:0 4px 12px rgba(99,102,241,.35)}.ui-modal-btn-confirm.danger{background:#ef4444}.ui-modal-btn-confirm.danger:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.35)}.ui-modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.ui-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:2rem;height:2rem;border-radius:9999px;background:#f8fafc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ui-text-light);transition:var(--ui-transition)}.dark .ui-modal-close{background:#334155}.ui-modal-close:hover{background:#f1f5f9}.dark .ui-modal-close:hover{background:#475569}.ui-modal-close svg{width:1rem;height:1rem}.ui-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;opacity:0;visibility:hidden;transition:var(--ui-transition)}.ui-sidebar-overlay.open{opacity:1;visibility:visible}.ui-sidebar{position:fixed;top:0;right:0;bottom:0;width:16rem;background:var(--ui-bg-card);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);z-index:51;transform:translateX(100%);transition:transform .3s}.ui-sidebar.open{transform:translateX(0)}.ui-sidebar-header{height:4rem;border-bottom:1px solid var(--ui-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.ui-sidebar-title{font-weight:700;color:var(--ui-text-dark)}.ui-sidebar-nav{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ui-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:700;color:var(--ui-text);text-decoration:none;transition:var(--ui-transition)}.ui-sidebar-link:hover{background:#f8fafc}.dark .ui-sidebar-link:hover{background:#334155}.ui-sidebar-link.active{background:rgba(99,102,241,.1);color:var(--ui-primary)}.dark .ui-sidebar-link.active{background:rgba(99,102,241,.2)}.ui-option{width:100%;text-align:left;padding:1rem;border-radius:1rem;border:2px solid var(--ui-border-dark);background:var(--ui-bg-card);cursor:pointer;display:flex;align-items:center;gap:1rem;transition:var(--ui-transition);font-family:var(--ui-font)}.ui-option:hover:not(:disabled):not(.selected):not(.correct):not(.wrong){border-color:var(--ui-primary);background:rgba(99,102,241,.02);transform:translateX(4px)}.ui-option.selected{border-color:var(--ui-primary);background:rgba(99,102,241,.05)}.ui-option.correct{border-color:#22c55e;background:#f0fdf4}.dark .ui-option.correct{background:rgba(34,197,94,.15)}.ui-option.wrong{border-color:#ef4444;background:#fef2f2}.dark .ui-option.wrong{background:rgba(239,68,68,.15)}.ui-option-key{width:2.5rem;height:2.5rem;border-radius:.75rem;background:#f1f5f9;color:var(--ui-text-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;transition:var(--ui-transition)}.dark .ui-option-key{background:#334155}.ui-option.selected .ui-option-key,.ui-option:hover:not(:disabled) .ui-option-key{background:var(--ui-primary);color:#fff}.ui-option-text{font-weight:700;color:var(--ui-text-dark)}.ui-tabs{display:flex;background:#e2e8f0;padding:.25rem;border-radius:.5rem;gap:.25rem}.dark .ui-tabs{background:#334155}.ui-tab{flex:1;padding:.25rem 1rem;font-size:.875rem;font-weight:700;color:var(--ui-text-muted);background:0 0;border:none;border-radius:.375rem;cursor:pointer;transition:var(--ui-transition);font-family:var(--ui-font)}.ui-tab:hover:not(.active){color:var(--ui-text-dark)}.ui-tab.active{background:var(--ui-bg-card);color:var(--ui-text-dark);box-shadow:0 2px 4px rgba(0,0,0,.08)}.ui-tab:active:not(.active){transform:scale(.97)}.ui-dropdown{position:relative;display:inline-block}.ui-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--ui-bg-card);border:1px solid var(--ui-border);border-radius:.75rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);overflow:hidden;z-index:20;opacity:0;visibility:hidden;transform:translateY(-5px);transition:var(--ui-transition)}.ui-dropdown.open .ui-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.ui-dropdown-item{display:block;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:700;color:var(--ui-text);text-align:left;background:0 0;border:none;cursor:pointer;transition:var(--ui-transition);font-family:var(--ui-font)}.ui-dropdown-item:hover{background:rgba(99,102,241,.08);color:var(--ui-primary);padding-left:1.25rem}.dark .ui-dropdown-item:hover{background:#334155}.ui-spinner{width:3rem;height:3rem;border:4px solid rgba(99,102,241,.3);border-top-color:var(--ui-primary);border-radius:9999px;animation:.8s linear infinite spin}.ui-spinner-sm{width:1.25rem;height:1.25rem;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.ui-skeleton{background:#e3e5e8;border-radius:.25rem;animation:1.5s ease-in-out infinite skeleton-pulse}.dark .ui-skeleton{background:#3f4147}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.4}}.ui-skeleton-text{height:1rem;margin-bottom:.5rem}.ui-skeleton-text:last-child{width:60%}.ui-skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:9999px}.ui-skeleton-btn{height:2.25rem;width:5rem;border-radius:.25rem}.ui-empty{text-align:center;padding:3rem 2rem}.ui-empty-icon{width:6rem;height:6rem;margin:0 auto 1.5rem;background:#f1f5f9;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--ui-text-light);font-size:3rem}.dark .ui-empty-icon{background:#334155}.ui-empty-title{font-size:1.25rem;font-weight:700;color:var(--ui-text-dark);margin:0 0 .5rem}.ui-empty-text{color:var(--ui-text-muted);margin:0 auto 2rem;max-width:20rem}.ui-text-primary{color:var(--ui-primary)!important}.ui-text-success{color:#10b981!important}.ui-text-error{color:#ef4444!important}.ui-text-warning{color:#f59e0b!important}.ui-text-muted{color:var(--ui-text-muted)!important}.ui-font-bold{font-weight:700}.ui-font-black{font-weight:900}.ui-flex{display:flex}.ui-flex-col{flex-direction:column}.ui-items-center{align-items:center}.ui-items-start{align-items:flex-start}.ui-justify-center{justify-content:center}.ui-justify-between{justify-content:space-between}.ui-gap-2{gap:.5rem}.ui-gap-3{gap:.75rem}.ui-gap-4{gap:1rem}.ui-gap-6{gap:1.5rem}.ui-w-full{width:100%}.ui-text-center{text-align:center}.ui-text-sm{font-size:.875rem}.ui-text-xs{font-size:.75rem}.ui-mt-4{margin-top:1rem}.ui-mt-6{margin-top:1.5rem}.ui-mb-4{margin-bottom:1rem}.ui-mb-6{margin-bottom:1.5rem}.ui-space-y-4>*+*{margin-top:1rem}.ui-space-y-5>*+*{margin-top:1.25rem}.ui-space-y-6>*+*{margin-top:1.5rem}.ui-hidden{display:none}@media (max-width:768px){.ui-hide-mobile{display:none!important}}@media (min-width:769px){.ui-hide-desktop{display:none!important}}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--ui-primary);color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.ui-avatar img{width:100%;height:100%;object-fit:cover}.ui-avatar-xs{width:1.5rem;height:1.5rem;font-size:.625rem}.ui-avatar-sm{width:2rem;height:2rem;font-size:.75rem}.ui-avatar-md{width:2.5rem;height:2.5rem;font-size:.875rem}.ui-avatar-lg{width:3rem;height:3rem;font-size:1rem}.ui-avatar-xl{width:4rem;height:4rem;font-size:1.25rem}.ui-avatar-group{display:flex}.ui-avatar-group .ui-avatar{border:2px solid var(--ui-bg-card);margin-left:-.5rem}.ui-avatar-group .ui-avatar:first-child{margin-left:0}.ui-avatar-wrapper{position:relative;display:inline-block}.ui-avatar-status{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border-radius:9999px;border:2px solid var(--ui-bg-card)}.ui-avatar-status.online{background:#22c55e}.ui-avatar-status.offline{background:#94a3b8}.ui-avatar-status.busy{background:#ef4444}.ui-avatar-status.away{background:#f59e0b}.ui-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.ui-switch input{position:absolute;opacity:0;width:0;height:0}.ui-switch-track{width:2.75rem;height:1.5rem;background:#e2e8f0;border-radius:9999px;transition:.2s;position:relative}.dark .ui-switch-track{background:#475569}.ui-switch-thumb{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.ui-switch input:checked+.ui-switch-track{background:var(--ui-primary)}.ui-switch input:checked+.ui-switch-track .ui-switch-thumb{transform:translateX(1.25rem)}.ui-switch input:focus+.ui-switch-track{box-shadow:0 0 0 3px rgba(99,102,241,.25)}.ui-switch-label{font-size:.875rem;font-weight:600;color:var(--ui-text)}.ui-radio-group{display:flex;flex-direction:column;gap:.5rem}.ui-radio-group.horizontal{flex-direction:row;gap:1rem}.ui-radio{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--ui-text)}.ui-radio input{position:absolute;opacity:0}.ui-radio-mark{width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:.15s}.dark .ui-radio-mark{border-color:#475569}.ui-radio-mark::after{content:'';width:.5rem;height:.5rem;background:var(--ui-primary);border-radius:9999px;transform:scale(0);transition:transform .15s}.ui-radio input:checked+.ui-radio-mark{border-color:var(--ui-primary)}.ui-radio input:checked+.ui-radio-mark::after{transform:scale(1)}.ui-radio input:focus+.ui-radio-mark{box-shadow:0 0 0 3px rgba(99,102,241,.25)}.ui-table-wrapper{overflow-x:auto;border-radius:1rem;border:1px solid var(--ui-border)}.ui-table{width:100%;border-collapse:collapse;font-size:.875rem}.ui-table th{background:var(--ui-bg-input);padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-light);border-bottom:1px solid var(--ui-border)}.ui-table td{padding:.75rem 1rem;color:var(--ui-text);border-bottom:1px solid var(--ui-border)}.ui-table tr:last-child td{border-bottom:none}.ui-table tbody tr{transition:background .15s}.ui-table tbody tr:hover{background:rgba(99,102,241,.04)}.dark .ui-table tbody tr:hover{background:rgba(99,102,241,.1)}.ui-table-striped tbody tr:nth-child(2n){background:var(--ui-bg-input)}.ui-list{list-style:none;padding:0;margin:0}.ui-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--ui-border);transition:background .15s}.ui-list-item:last-child{border-bottom:none}.ui-list-item:hover{background:rgba(99,102,241,.04)}.ui-list-item-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-light);flex-shrink:0}.ui-list-item-content{flex:1;min-width:0}.ui-list-item-title{font-weight:700;color:var(--ui-text-dark);font-size:.875rem}.ui-list-item-desc{font-size:.75rem;color:var(--ui-text-muted);margin-top:.125rem}.ui-list-item-action{flex-shrink:0}.ui-divider{height:1px;background:var(--ui-border);margin:1rem 0}.ui-divider-text{display:flex;align-items:center;gap:1rem;color:var(--ui-text-light);font-size:.75rem;font-weight:700;text-transform:uppercase}.ui-divider-text::after,.ui-divider-text::before{content:'';flex:1;height:1px;background:var(--ui-border)}.ui-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:.375rem;background:var(--ui-bg-input);color:var(--ui-text)}.ui-tag-close{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;cursor:pointer;opacity:.6;transition:.15s}.ui-tag-close:hover{opacity:1;background:rgba(0,0,0,.1)}.ui-tag-primary{background:rgba(99,102,241,.1);color:var(--ui-primary)}.ui-tag-success{background:rgba(16,185,129,.1);color:#059669}.ui-tag-error{background:rgba(239,68,68,.1);color:#dc2626}.ui-tag-warning{background:rgba(245,158,11,.1);color:#d97706}.ui-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.ui-breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--ui-text-muted);text-decoration:none;font-weight:600;transition:color .15s}.ui-breadcrumb-item:hover{color:var(--ui-primary)}.ui-breadcrumb-item.active{color:var(--ui-text-dark);pointer-events:none}.ui-breadcrumb-sep{color:var(--ui-text-light)}.ui-accordion{border:1px solid var(--ui-border);border-radius:.75rem;overflow:hidden}.ui-accordion-item{border-bottom:1px solid var(--ui-border)}.ui-accordion-item:last-child{border-bottom:none}.ui-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:0 0;border:none;cursor:pointer;font-family:var(--ui-font);font-size:.875rem;font-weight:700;color:var(--ui-text-dark);text-align:left;transition:background .15s}.ui-accordion-header:hover{background:var(--ui-bg-input)}.ui-accordion-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-light);transition:transform .2s}.ui-accordion-item.open .ui-accordion-icon{transform:rotate(180deg)}.ui-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s}.ui-accordion-item.open .ui-accordion-content{max-height:500px}.ui-accordion-body{padding:0 1rem 1rem;font-size:.875rem;color:var(--ui-text-muted)}.ui-tooltip{position:relative;display:inline-block}.ui-tooltip-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-.5rem);padding:.5rem .75rem;background:#1e293b;color:#fff;font-size:.75rem;font-weight:600;border-radius:.5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:.15s;z-index:100}.ui-tooltip-content::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1e293b}.ui-tooltip:hover .ui-tooltip-content{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-.75rem)}.ui-tooltip-bottom .ui-tooltip-content{bottom:auto;top:100%;transform:translateX(-50%) translateY(.5rem)}.ui-tooltip-bottom .ui-tooltip-content::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#1e293b}.ui-tooltip-bottom:hover .ui-tooltip-content{transform:translateX(-50%) translateY(.75rem)}.ui-dot{position:relative;display:inline-block}.ui-dot::after{content:'';position:absolute;top:-2px;right:-2px;width:.5rem;height:.5rem;background:#ef4444;border-radius:9999px;border:2px solid var(--ui-bg-card)}.ui-dot-count{position:absolute;top:-.5rem;right:-.5rem;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-bg-card)}.ui-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:var(--ui-bg-input);border:1px solid var(--ui-border-dark);border-radius:.25rem;font-family:monospace;font-size:.75rem;font-weight:600;color:var(--ui-text-muted);box-shadow:0 2px 0 var(--ui-border-dark)}.ui-code{display:inline;padding:.125rem .375rem;background:var(--ui-bg-input);border-radius:.25rem;font-family:'Fira Code',Consolas,monospace;font-size:.8125rem;color:#e879f9}.dark .ui-code{background:#0f172a}.ui-code-block{display:block;padding:1rem;background:#1e293b;border-radius:.75rem;font-family:'Fira Code',Consolas,monospace;font-size:.8125rem;color:#e2e8f0;overflow-x:auto;line-height:1.6}.ui-callout{display:flex;gap:.75rem;padding:1rem;border-radius:.5rem;background:#f2f3f5}.dark .ui-callout{background:#2b2d31}.ui-callout-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#5865f2}.ui-callout-content{flex:1;font-size:.875rem;color:var(--ui-text);line-height:1.5}.ui-callout-title{font-weight:700;color:var(--ui-text-dark);margin-bottom:.25rem}.ui-callout-warning{background:rgba(250,166,26,.1)}.dark .ui-callout-warning{background:rgba(250,166,26,.15)}.ui-callout-warning .ui-callout-icon{color:#faa61a}.ui-callout-error{background:rgba(237,66,69,.1)}.dark .ui-callout-error{background:rgba(237,66,69,.15)}.ui-callout-error .ui-callout-icon{color:#ed4245}.ui-callout-success{background:rgba(59,165,92,.1)}.dark .ui-callout-success{background:rgba(59,165,92,.15)}.ui-callout-success .ui-callout-icon{color:#3ba55c}

package/dist/1in-ui.min.js

@@ -0,0 +1 @@
+!function(e){"use strict";const t={version:"1.1.0",theme:{_key:"ui-theme",init(){const e=localStorage.getItem(this._key),t=window.matchMedia("(prefers-color-scheme: dark)").matches;("dark"===e||!e&&t)&&document.documentElement.classList.add("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e=>{localStorage.getItem(this._key)||document.documentElement.classList.toggle("dark",e.matches)})},toggle(){const e=document.documentElement.classList.toggle("dark");return localStorage.setItem(this._key,e?"dark":"light"),e},set(e){if("dark"===e)document.documentElement.classList.add("dark");else{if("light"!==e){localStorage.removeItem(this._key);const e=window.matchMedia("(prefers-color-scheme: dark)").matches;return void document.documentElement.classList.toggle("dark",e)}document.documentElement.classList.remove("dark")}localStorage.setItem(this._key,e)},get:()=>document.documentElement.classList.contains("dark")?"dark":"light"},modal:{_stack:[],open(e={}){const{title:t="",content:n="",html:o=null,size:s="default",closable:i=!0,showClose:r=!1,onClose:a=null,footer:l=null}=e,c=document.createElement("div");c.className="ui-modal-overlay",c.setAttribute("data-ui-modal","");const d=document.createElement("div");d.className="ui-modal","lg"===s&&d.classList.add("ui-modal-lg"),"xl"===s&&d.classList.add("ui-modal-xl");const u=r?'\n          <button class="ui-modal-close" data-close>\n            <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>\n          </button>\n        ':"",m=t?`<h3 class="ui-modal-title">${t}</h3>`:"",h=o||(n?`<p class="ui-modal-desc">${n}</p>`:""),p=l?`<div class="ui-modal-actions">${l}</div>`:"";d.innerHTML=`\n          ${u}\n          ${m}\n          ${h}\n          ${p}\n        `,c.appendChild(d),document.body.appendChild(c),document.body.style.overflow="hidden";const g={overlay:c,modal:d,onClose:a};this._stack.push(g),i&&(c.addEventListener("click",e=>{e.target===c&&this.close(g)}),d.querySelector("[data-close]")?.addEventListener("click",()=>this.close(g)));const v=e=>{"Escape"===e.key&&i&&(this.close(g),document.removeEventListener("keydown",v))};return document.addEventListener("keydown",v),g.escHandler=v,g},close(e){if(e){const t=this._stack.indexOf(e);t>-1&&this._stack.splice(t,1)}else e=this._stack.pop();e&&(e.overlay.style.opacity="0",setTimeout(()=>{e.overlay.remove(),0===this._stack.length&&(document.body.style.overflow=""),e.onClose&&e.onClose()},200),e.escHandler&&document.removeEventListener("keydown",e.escHandler))},closeAll(){for(;this._stack.length;)this.close()},confirm(e={}){return new Promise(t=>{const{title:n="确认",content:o="确定要执行此操作吗？",confirmText:s="确定",cancelText:i="取消",danger:r=!1,icon:a=null}=e;let l="";if(a||r){const e=r?"danger":a||"warning",t={danger:'<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>',warning:'<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>',success:'<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>'};l=`<div class="ui-modal-icon ${e}">${t[e]||t.warning}</div>`}const c=this.open({html:`\n              ${l}\n              <h3 class="ui-modal-title">${n}</h3>\n              <p class="ui-modal-desc">${o}</p>\n            `,footer:`\n              <button class="ui-modal-btn-cancel" data-action="cancel">${i}</button>\n              <button class="ui-modal-btn-confirm ${r?"danger":""}" data-action="confirm">${s}</button>\n            `,onClose:()=>t(!1)});c.modal.querySelector('[data-action="cancel"]').addEventListener("click",()=>{this.close(c),t(!1)}),c.modal.querySelector('[data-action="confirm"]').addEventListener("click",()=>{this.close(c),t(!0)})})}},toast:{_container:null,_getContainer(){return this._container||(this._container=document.createElement("div"),this._container.style.cssText="\n            position: fixed;\n            bottom: 1.5rem;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9999;\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            align-items: center;\n            pointer-events: none;\n          ",document.body.appendChild(this._container)),this._container},show(e,t={}){const{type:n="info",duration:o=3e3}=t,s={success:'<svg width="20" height="20" fill="none" stroke="#3ba55c" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/></svg>',danger:'<svg width="20" height="20" fill="none" stroke="#ed4245" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>',warning:'<svg width="20" height="20" fill="none" stroke="#faa61a" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>',info:'<svg width="20" height="20" fill="none" stroke="#5865f2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>'},i=document.createElement("div");i.style.cssText="\n          background: #36393f;\n          color: #dcddde;\n          padding: 0.75rem 1rem;\n          border-radius: 0.5rem;\n          font-size: 0.875rem;\n          font-weight: 500;\n          display: flex;\n          align-items: center;\n          gap: 0.625rem;\n          box-shadow: 0 8px 16px rgba(0,0,0,0.24);\n          pointer-events: auto;\n          transform: translateY(20px);\n          opacity: 0;\n          transition: all 0.2s ease;\n          max-width: 24rem;\n        ",i.innerHTML=`\n          <span style="flex-shrink:0;display:flex;">${s[n]||s.info}</span>\n          <span>${e}</span>\n        `,this._getContainer().appendChild(i),requestAnimationFrame(()=>{i.style.transform="translateY(0)",i.style.opacity="1"});const r=()=>{i.style.transform="translateY(20px)",i.style.opacity="0",setTimeout(()=>i.remove(),200)};return o>0&&setTimeout(r,o),{remove:r}},success(e,t={}){return this.show(e,{...t,type:"success"})},error(e,t={}){return this.show(e,{...t,type:"danger"})},warning(e,t={}){return this.show(e,{...t,type:"warning"})},info(e,t={}){return this.show(e,{...t,type:"info"})}},dropdown:{init(){document.addEventListener("click",e=>{const t=e.target.closest("[data-dropdown]");if(t){e.preventDefault();const n=t.closest(".ui-dropdown");n&&n.classList.toggle("open")}else document.querySelectorAll(".ui-dropdown.open").forEach(e=>e.classList.remove("open"))})},open(e){e.classList.add("open")},close(e){e.classList.remove("open")},toggle(e){e.classList.toggle("open")}},sidebar:{open(e){const t=document.querySelector(e),n=document.querySelector(`${e}-overlay`);t&&(t.classList.add("open"),document.body.style.overflow="hidden"),n&&(n.style.display="block",n.addEventListener("click",()=>this.close(e),{once:!0}))},close(e){const t=document.querySelector(e),n=document.querySelector(`${e}-overlay`);t&&(t.classList.remove("open"),document.body.style.overflow=""),n&&(n.style.display="none")},toggle(e){const t=document.querySelector(e);t?.classList.contains("open")?this.close(e):this.open(e)}},accordion:{init(){document.addEventListener("click",e=>{const t=e.target.closest(".ui-accordion-header");if(t){const e=t.closest(".ui-accordion-item");e&&e.classList.toggle("open")}})},open(e){"string"==typeof e&&(e=document.querySelector(e)),e?.classList.add("open")},close(e){"string"==typeof e&&(e=document.querySelector(e)),e?.classList.remove("open")},toggle(e){"string"==typeof e&&(e=document.querySelector(e)),e?.classList.toggle("open")}},tabs:{init(){document.addEventListener("click",e=>{const t=e.target.closest(".ui-tab[data-tab]");if(t){const e=t.closest(".ui-tabs"),n=t.dataset.tab;e.querySelectorAll(".ui-tab").forEach(e=>e.classList.remove("active")),t.classList.add("active");(e.closest("[data-tabs-container]")||e.parentElement).querySelectorAll(".ui-tab-panel").forEach(e=>{e.classList.toggle("active",e.dataset.panel===n),e.style.display=e.dataset.panel===n?"":"none"})}})}},loading:{_overlay:null,show(e={}){const{text:t="加载中...",target:n=document.body}=e;this._overlay&&this.hide(),this._overlay=document.createElement("div"),this._overlay.style.cssText=`\n          position: ${n===document.body?"fixed":"absolute"};\n          inset: 0;\n          background: rgba(255, 255, 255, 0.8);\n          backdrop-filter: blur(4px);\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          gap: 1rem;\n          z-index: 9999;\n        `,this._overlay.innerHTML=`\n          <div class="ui-spinner"></div>\n          ${t?`<div style="font-weight:700;color:var(--ui-text-muted);">${t}</div>`:""}\n        `,n!==document.body&&(n.style.position="relative"),n.appendChild(this._overlay)},hide(){this._overlay&&(this._overlay.remove(),this._overlay=null)}},validate:{rules:{required:e=>""!==e.trim()||"此字段为必填项",email:e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)||"请输入有效的邮箱地址",minLength:e=>t=>t.length>=e||`最少需要 ${e} 个字符`,maxLength:e=>t=>t.length<=e||`最多允许 ${e} 个字符`,pattern:(e,t)=>n=>e.test(n)||t,match:(e,t)=>n=>{const o=document.querySelector(e);return o&&n===o.value||t||"两次输入不一致"}},field(e,t){const n=e.value,o=[];for(const e of t){const t="function"==typeof e?e(n):e;!0!==t&&o.push(t)}let s=e.parentElement.querySelector(".ui-field-error");return o.length>0?(e.style.borderColor="var(--ui-danger)",s||(s=document.createElement("div"),s.className="ui-field-error",s.style.cssText="color:var(--ui-danger);font-size:0.75rem;font-weight:700;margin-top:0.25rem;",e.parentElement.appendChild(s)),s.textContent=o[0]):(e.style.borderColor="",s&&s.remove()),0===o.length},form(e,t){let n=!0;for(const[o,s]of Object.entries(t)){const t=e.querySelector(`[name="${o}"]`);t&&!this.field(t,s)&&(n=!1)}return n}},utils:{debounce(e,t=300){let n;return function(...o){clearTimeout(n),n=setTimeout(()=>e.apply(this,o),t)}},throttle(e,t=300){let n;return function(...o){n||(e.apply(this,o),n=!0,setTimeout(()=>n=!1,t))}},formatDate(e,t="YYYY-MM-DD HH:mm"){const n=new Date(e),o={YYYY:n.getFullYear(),MM:String(n.getMonth()+1).padStart(2,"0"),DD:String(n.getDate()).padStart(2,"0"),HH:String(n.getHours()).padStart(2,"0"),mm:String(n.getMinutes()).padStart(2,"0"),ss:String(n.getSeconds()).padStart(2,"0")};return t.replace(/YYYY|MM|DD|HH|mm|ss/g,e=>o[e])},async copyToClipboard(e){try{return await navigator.clipboard.writeText(e),!0}catch{const t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select();const n=document.execCommand("copy");return document.body.removeChild(t),n}},uniqueId:(e="ui")=>`${e}_${Math.random().toString(36).substr(2,9)}`},init(){this.theme.init(),this.dropdown.init(),this.accordion.init(),this.tabs.init(),document.querySelectorAll("[data-theme-toggle]").forEach(e=>{e.addEventListener("click",()=>this.theme.toggle())}),console.log(`1in UI v${this.version} initialized`)}};e.UI=t,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>t.init()):t.init()}("undefined"!=typeof window?window:this);

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "1inui",
+  "version": "1.0.0",
+  "description": "轻量级 Discord 风格前端组件库",
+  "main": "dist/1in-ui.js",
+  "module": "dist/1in-ui.esm.js",
+  "style": "dist/1in-ui.css",
+  "types": "dist/1in-ui.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/1in-ui.esm.js",
+      "require": "./dist/1in-ui.js",
+      "types": "./dist/1in-ui.d.ts"
+    },
+    "./css": "./dist/1in-ui.css",
+    "./icons": {
+      "import": "./dist/1in-icons.esm.js",
+      "require": "./dist/1in-icons.js"
+    }
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "ui",
+    "components",
+    "discord",
+    "css",
+    "frontend",
+    "lightweight"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "devDependencies": {
+    "terser": "^5.27.0",
+    "clean-css": "^5.3.3"
+  }
+}