astrogators-shared-ui 0.8.0 → 0.10.0

package/dist/index.css

@@ -1,2 +1,2 @@
-:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-active:#0d3c78;--color-secondary:#34a853;--color-secondary-hover:#2d8e47;--color-secondary-active:#1f6631;--color-background:#0a0e27;--color-background-elevated:#131729;--color-background-hover:#1a1f3a;--color-surface:#1e2139;--color-border:#2a2f4a;--color-text-primary:#fff;--color-text-secondary:#a0a5c0;--color-text-disabled:#5a5f7a;--color-success:#34a853;--color-warning:#fbbc04;--color-error:#ea4335;--color-info:#4285f4;--tier-grey:#c0eeee;--tier-green:#47c43c;--tier-blue:#1d99ff;--tier-purple:#8b5cf6;--tier-gold:#fc3;--tier-gold-glow:#fc39;--tier-purple-glow:#8b5cf680;--tier-blue-glow:#1d99ff80;--sixdot-gradient-start:#60a5fa;--sixdot-gradient-mid:#a855f7;--sixdot-gradient-end:#f59e0b;--sixdot-border-opacity:.3;--font-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading:"Orbitron", var(--font-primary);--font-mono:"Fira Code", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 10px 10px -5px #00000080;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--chamfer-size:8px;--chamfer-size-lg:12px;--chamfer-size-sm:4px;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--topbar-height:64px;--topbar-background:var(--color-background-elevated);--topbar-border:var(--color-border);--container-max-width:1280px;--container-padding:var(--spacing-md);--button-height:40px;--button-padding-x:var(--spacing-lg);--button-padding-y:var(--spacing-sm);--input-height:40px;--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-border:var(--color-border);--input-background:var(--color-surface);--card-padding:var(--spacing-lg);--card-background:var(--color-surface);--card-border:var(--color-border)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:var(--line-height-normal);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}#root{isolation:isolate;min-height:100%}.chamfered-box{--_chamfer:var(--chamfer-size);--_chamfer-br:var(--chamfer-size)}.chamfered-box-sm{--_chamfer:var(--chamfer-size-sm);--_chamfer-br:var(--chamfer-size-sm)}.chamfered-box-lg{--_chamfer:var(--chamfer-size-lg);--_chamfer-br:var(--chamfer-size-lg)}.chamfered-box-asymmetric{--_chamfer:12px;--_chamfer-br:24px}.chamfered-box,.chamfered-box-sm,.chamfered-box-lg,.chamfered-box-asymmetric{clip-path:polygon(var(--_chamfer) 0, calc(100% - var(--_chamfer)) 0, 100% var(--_chamfer), 100% calc(100% - var(--_chamfer-br)), calc(100% - var(--_chamfer-br)) 100%, var(--_chamfer) 100%, 0 calc(100% - var(--_chamfer)), 0 var(--_chamfer));position:relative}.chamfered-border{background:var(--color-surface);position:relative}.chamfered-border:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-mask-composite:xor;clip-path:polygon(var(--chamfer-size) 0, calc(100% - var(--chamfer-size)) 0, 100% var(--chamfer-size), 100% calc(100% - var(--chamfer-size)), calc(100% - var(--chamfer-size)) 100%, var(--chamfer-size) 100%, 0 calc(100% - var(--chamfer-size)), 0 var(--chamfer-size));padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chamfered-diagonal-border{--_chamfer-diag:calc(var(--_chamfer) * 1.41421);--_chamfer-diag-br:calc(var(--_chamfer-br) * 1.41421);z-index:5;pointer-events:none;background-color:currentColor;height:2px;transition:background-color .3s;position:absolute}.chamfered-diagonal-tl{top:-1px;left:calc(var(--_chamfer) - 1px);width:var(--_chamfer-diag);transform-origin:0;transform:rotate(135deg)}.chamfered-diagonal-tr{top:calc(var(--_chamfer) - 1px);width:var(--_chamfer-diag);transform-origin:100%;right:-1px;transform:rotate(45deg)}.chamfered-diagonal-bl{bottom:-1px;left:calc(var(--_chamfer) - 1px);width:var(--_chamfer-diag);transform-origin:0;transform:rotate(-135deg)}.chamfered-diagonal-br{bottom:calc(var(--_chamfer-br) - 1px);width:var(--_chamfer-diag-br);transform-origin:100%;right:-1px;transform:rotate(-45deg)}.gradient-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-active))}.gradient-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-active))}.gradient-surface{background:linear-gradient(135deg, var(--color-surface), var(--color-background-elevated))}.glow-primary{box-shadow:0 0 20px #1a73e880}.glow-secondary{box-shadow:0 0 20px #34a85380}.glow-error{box-shadow:0 0 20px #ea433580}.glow-tier-gold{box-shadow:0 0 20px var(--tier-gold-glow)}.glow-tier-purple{box-shadow:0 0 20px var(--tier-purple-glow)}.glow-tier-blue{box-shadow:0 0 20px var(--tier-blue-glow)}.sixdot-border{position:relative}.sixdot-border:before{content:"";background:linear-gradient(45deg, var(--sixdot-gradient-start), var(--sixdot-gradient-mid), var(--sixdot-gradient-end));border-radius:inherit;opacity:var(--sixdot-border-opacity);z-index:-1;position:absolute;inset:-2px}.sixdot-glow{background:linear-gradient(135deg,#4338ca33,#7c3aed33)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-brighten{transition:filter var(--transition-base)}.hover-brighten:hover{filter:brightness(1.1)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #1a73e866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-slide-down{animation:slideDown var(--transition-base)}.animate-spin{animation:1s linear infinite spin}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-background-elevated)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bg-overlay{position:relative}.bg-overlay:before{content:"";background:var(--overlay-gradient,linear-gradient(135deg, #0f172ab3, #0f172a80));z-index:0;position:absolute;inset:0}.bg-overlay>*{z-index:1;position:relative}.backdrop-image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}._container_u3o0e_1{width:100%;margin-left:auto;margin-right:auto}._padding_u3o0e_7{padding-left:var(--container-padding);padding-right:var(--container-padding)}._maxWidth-sm_u3o0e_12{max-width:640px}._maxWidth-md_u3o0e_16{max-width:768px}._maxWidth-lg_u3o0e_20{max-width:1024px}._maxWidth-xl_u3o0e_24{max-width:var(--container-max-width)}._maxWidth-full_u3o0e_28{max-width:100%}@media (width<=768px){._padding_u3o0e_7{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}._topBar_10g3c_1{height:var(--topbar-height);background-color:var(--topbar-background);border-bottom:1px solid var(--topbar-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;left:0;right:0}._content_10g3c_13{height:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}._left_10g3c_23{align-items:center;gap:var(--spacing-xl);flex:1;display:flex}._right_10g3c_30{align-items:center;gap:var(--spacing-md);display:flex}._logo_10g3c_36{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-heading);align-items:center;display:flex}@media (width<=768px){._content_10g3c_13{padding:0 var(--spacing-md)}._left_10g3c_23{gap:var(--spacing-md)}._right_10g3c_30{gap:var(--spacing-sm)}}._footer_zjuj8_1{background-color:var(--color-background-elevated);border-top:1px solid var(--color-border);margin-top:auto}._content_zjuj8_7{max-width:var(--container-max-width);padding:var(--spacing-xl) var(--container-padding);margin:0 auto}._defaultContent_zjuj8_13{align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}._copyright_zjuj8_21{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._disclaimer_zjuj8_26{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (width<=768px){._content_zjuj8_7{padding:var(--spacing-lg) var(--spacing-md)}}._button_159ms_1{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;-webkit-user-select:none;user-select:none;border:2px solid #0000;display:inline-flex}._button_159ms_1:disabled{opacity:.5;cursor:not-allowed}._sm_159ms_22{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}._md_159ms_28{height:var(--button-height);padding:0 var(--button-padding-x);font-size:var(--font-size-base)}._lg_159ms_34{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}._primary_159ms_41{background-color:var(--color-primary);color:var(--color-text-primary)}._primary_159ms_41:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}._primary_159ms_41:active:not(:disabled){background-color:var(--color-primary-active)}._secondary_159ms_55{background-color:var(--color-secondary);color:var(--color-text-primary)}._secondary_159ms_55:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md)}._secondary_159ms_55:active:not(:disabled){background-color:var(--color-secondary-active)}._outline_159ms_69{border-color:var(--color-border);color:var(--color-text-primary);background-color:#0000}._outline_159ms_69:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary)}._ghost_159ms_80{color:var(--color-text-primary);background-color:#0000}._ghost_159ms_80:hover:not(:disabled){background-color:var(--color-background-hover)}._danger_159ms_89{background-color:var(--color-error);color:var(--color-text-primary)}._danger_159ms_89:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#c33a2e}._fullWidth_159ms_100{width:100%}._loading_159ms_105{pointer-events:none;position:relative}._loadingSpinner_159ms_110{align-items:center;gap:var(--spacing-sm);display:flex}._spinner_159ms_116{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite _spin_159ms_116}@keyframes _spin_159ms_116{to{transform:rotate(360deg)}}._loadingText_159ms_131{opacity:.7}._inputWrapper_15t4g_1{gap:var(--spacing-xs);flex-direction:column;display:flex}._fullWidth_15t4g_7{width:100%}._label_15t4g_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--spacing-xs);display:flex}._required_15t4g_20{color:var(--color-error)}._input_15t4g_1{height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}._input_15t4g_1:hover{border-color:var(--color-text-disabled)}._input_15t4g_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._input_15t4g_1:disabled{opacity:.5;cursor:not-allowed}._input_15t4g_1::placeholder{color:var(--color-text-disabled)}._input_15t4g_1._error_15t4g_55{border-color:var(--color-error)}._input_15t4g_1._error_15t4g_55:focus{box-shadow:0 0 0 3px #ea43351a}._errorText_15t4g_63{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_15t4g_68{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._selectWrapper_ir4bq_1{gap:var(--spacing-xs);flex-direction:column;display:flex}._fullWidth_ir4bq_7{width:100%}._label_ir4bq_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--spacing-xs);display:flex}._required_ir4bq_20{color:var(--color-error)}._selectContainer_ir4bq_24{width:100%;display:inline-block;position:relative}._select_ir4bq_1{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);padding-right:calc(var(--input-padding-x) + 24px);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;appearance:none;outline:none}._select_ir4bq_1:hover{border-color:var(--color-text-disabled)}._select_ir4bq_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._select_ir4bq_1:disabled{opacity:.5;cursor:not-allowed}._select_ir4bq_1._error_ir4bq_63{border-color:var(--color-error)}._select_ir4bq_1._error_ir4bq_63:focus{box-shadow:0 0 0 3px #ea43351a}._arrow_ir4bq_71{right:var(--input-padding-x);pointer-events:none;font-size:var(--font-size-xs);color:var(--color-text-secondary);position:absolute;top:50%;transform:translateY(-50%)}._errorText_ir4bq_81{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_ir4bq_86{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._select_ir4bq_1 option{background-color:var(--color-surface);color:var(--color-text-primary)}._allyCodeDropdown_1m0tw_1{align-items:center;gap:.5rem;display:flex;position:relative}._select_1m0tw_8{min-width:200px}._manageButton_1m0tw_12{white-space:nowrap}._managePanel_1m0tw_16{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;min-width:300px;margin-top:.5rem;padding:1rem;position:absolute;top:100%;right:0;box-shadow:0 4px 6px #0000001a}._managePanel_1m0tw_16 h4{color:var(--color-text-primary);margin:0 0 1rem;font-size:.875rem;font-weight:600}._addSection_1m0tw_37{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}._addInputGroup_1m0tw_43{gap:.5rem;margin-bottom:.5rem;display:flex}._addInputGroup_1m0tw_43 input{letter-spacing:.05em;flex:1;font-family:monospace}._error_1m0tw_55{color:var(--color-error);margin-top:.25rem;font-size:.75rem}._success_1m0tw_61{color:var(--color-success);margin-top:.25rem;font-size:.75rem}._codesList_1m0tw_67{margin-bottom:1rem}._codeItem_1m0tw_71{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}._codeItem_1m0tw_71:last-of-type{border-bottom:none}._codeItem_1m0tw_71 span{color:var(--color-text-secondary);font-size:.875rem}._doneButton_1m0tw_88{width:100%}@media (width<=768px){._select_1m0tw_8{min-width:150px}._managePanel_1m0tw_16{left:0;right:auto}}._card_b4471_1{background-color:var(--card-background);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base)}._card_b4471_1._chamfered_b4471_8{border-radius:0}._default_b4471_13{background-color:var(--card-background)}._elevated_b4471_17{background-color:var(--card-background);box-shadow:var(--shadow-md)}._outline_b4471_22{border:1px solid var(--card-border);background-color:#0000}._padding-none_b4471_28{padding:0}._padding-sm_b4471_32{padding:var(--spacing-sm)}._padding-md_b4471_36{padding:var(--card-padding)}._padding-lg_b4471_40{padding:var(--spacing-xl)}._hoverable_b4471_45{cursor:pointer;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}._hoverable_b4471_45:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)translateZ(0)}._hoverable_b4471_45:active{box-shadow:var(--shadow-md);transform:translateY(-1px)translateZ(0)}._card_b4471_1[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._badge_rk7t5_1{font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}._sm_rk7t5_11{font-size:var(--font-size-xs);padding:2px 8px}._md_rk7t5_16{font-size:var(--font-size-sm);padding:4px 12px}._lg_rk7t5_21{font-size:var(--font-size-base);padding:6px 16px}._default_rk7t5_27{background-color:var(--color-surface);color:var(--color-text-secondary)}._primary_rk7t5_32{background-color:var(--color-primary);color:var(--color-text-primary)}._secondary_rk7t5_37{background-color:var(--color-secondary);color:var(--color-text-primary)}._success_rk7t5_42{background-color:var(--color-success);color:var(--color-text-primary)}._warning_rk7t5_47{background-color:var(--color-warning);color:var(--color-background)}._error_rk7t5_52{background-color:var(--color-error);color:var(--color-text-primary)}._info_rk7t5_57{background-color:var(--color-info);color:var(--color-text-primary)}._overlay_1b3yt_1{z-index:var(--z-modal);padding:var(--spacing-md);animation:_fadeIn_1b3yt_1 var(--transition-base);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_1b3yt_13{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;animation:_slideUp_1b3yt_1 var(--transition-base);flex-direction:column;display:flex;overflow:hidden}._sm_1b3yt_25{width:100%;max-width:400px}._md_1b3yt_30{width:100%;max-width:600px}._lg_1b3yt_35{width:100%;max-width:800px}._xl_1b3yt_40{width:100%;max-width:1200px}._header_1b3yt_45{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}._title_1b3yt_53{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}._closeButton_1b3yt_60{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-xl);justify-content:center;align-items:center;line-height:1;display:flex}._closeButton_1b3yt_60:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}._content_1b3yt_78{padding:var(--spacing-lg);flex:1;overflow-y:auto}@keyframes _fadeIn_1b3yt_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1b3yt_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){._modal_1b3yt_13{max-height:95vh}._header_1b3yt_45,._content_1b3yt_78{padding:var(--spacing-md)}}._spinner_1uhnh_2{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite _spin_1uhnh_2}._spinner_1uhnh_2._sm_1uhnh_9{border-width:2px;width:16px;height:16px}._spinner_1uhnh_2._md_1uhnh_15{border-width:3px;width:32px;height:32px}._spinner_1uhnh_2._lg_1uhnh_21{border-width:4px;width:48px;height:48px}@keyframes _spin_1uhnh_2{to{transform:rotate(360deg)}}._dots_1uhnh_34{gap:8px;display:inline-flex}._dots_1uhnh_34._sm_1uhnh_9{gap:4px}._dots_1uhnh_34._lg_1uhnh_21{gap:12px}._dot_1uhnh_34{background-color:var(--color-primary);border-radius:50%;animation:1.4s ease-in-out infinite both _bounce_1uhnh_1;display:inline-block}._dots_1uhnh_34._sm_1uhnh_9 ._dot_1uhnh_34{width:6px;height:6px}._dots_1uhnh_34._md_1uhnh_15 ._dot_1uhnh_34{width:10px;height:10px}._dots_1uhnh_34._lg_1uhnh_21 ._dot_1uhnh_34{width:14px;height:14px}._dot_1uhnh_34:first-child{animation-delay:-.32s}._dot_1uhnh_34:nth-child(2){animation-delay:-.16s}@keyframes _bounce_1uhnh_1{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}._visuallyHidden_1uhnh_91{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-active:#0d3c78;--color-secondary:#34a853;--color-secondary-hover:#2d8e47;--color-secondary-active:#1f6631;--color-background:#0a0e27;--color-background-elevated:#131729;--color-background-hover:#1a1f3a;--color-surface:#1e2139;--color-border:#2a2f4a;--color-text-primary:#fff;--color-text-secondary:#a0a5c0;--color-text-disabled:#5a5f7a;--color-success:#34a853;--color-warning:#fbbc04;--color-error:#ea4335;--color-info:#4285f4;--tier-grey:#c0eeee;--tier-green:#47c43c;--tier-blue:#1d99ff;--tier-purple:#8b5cf6;--tier-gold:#fc3;--tier-gold-glow:#fc39;--tier-purple-glow:#8b5cf680;--tier-blue-glow:#1d99ff80;--sixdot-gradient-start:#60a5fa;--sixdot-gradient-mid:#a855f7;--sixdot-gradient-end:#f59e0b;--sixdot-border-opacity:.3;--font-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading:"Orbitron", var(--font-primary);--font-mono:"Fira Code", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 10px 10px -5px #00000080;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--chamfer-size:8px;--chamfer-size-lg:12px;--chamfer-size-sm:4px;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--topbar-height:64px;--topbar-background:var(--color-background-elevated);--topbar-border:var(--color-border);--container-max-width:1280px;--container-padding:var(--spacing-md);--button-height:40px;--button-padding-x:var(--spacing-lg);--button-padding-y:var(--spacing-sm);--input-height:40px;--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-border:var(--color-border);--input-background:var(--color-surface);--card-padding:var(--spacing-lg);--card-background:var(--color-surface);--card-border:var(--color-border)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:var(--line-height-normal);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}#root{isolation:isolate;min-height:100%}.chamfered-box{--_chamfer:var(--chamfer-size);--_chamfer-br:var(--chamfer-size)}.chamfered-box-sm{--_chamfer:var(--chamfer-size-sm);--_chamfer-br:var(--chamfer-size-sm)}.chamfered-box-lg{--_chamfer:var(--chamfer-size-lg);--_chamfer-br:var(--chamfer-size-lg)}.chamfered-box-asymmetric{--_chamfer:12px;--_chamfer-br:24px}.chamfered-box,.chamfered-box-sm,.chamfered-box-lg,.chamfered-box-asymmetric{clip-path:polygon(var(--_chamfer) 0, calc(100% - var(--_chamfer)) 0, 100% var(--_chamfer), 100% calc(100% - var(--_chamfer-br)), calc(100% - var(--_chamfer-br)) 100%, var(--_chamfer) 100%, 0 calc(100% - var(--_chamfer)), 0 var(--_chamfer));position:relative}.chamfered-border{background:var(--color-surface);position:relative}.chamfered-border:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-mask-composite:xor;clip-path:polygon(var(--chamfer-size) 0, calc(100% - var(--chamfer-size)) 0, 100% var(--chamfer-size), 100% calc(100% - var(--chamfer-size)), calc(100% - var(--chamfer-size)) 100%, var(--chamfer-size) 100%, 0 calc(100% - var(--chamfer-size)), 0 var(--chamfer-size));padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chamfered-diagonal-border{--_chamfer-diag:calc(var(--_chamfer) * 1.41421);--_chamfer-diag-br:calc(var(--_chamfer-br) * 1.41421);z-index:5;pointer-events:none;background-color:currentColor;height:2px;transition:background-color .3s;position:absolute}.chamfered-diagonal-tl{top:-1px;left:calc(var(--_chamfer) - 1px);width:var(--_chamfer-diag);transform-origin:0;transform:rotate(135deg)}.chamfered-diagonal-tr{top:calc(var(--_chamfer) - 1px);width:var(--_chamfer-diag);transform-origin:100%;right:-1px;transform:rotate(45deg)}.chamfered-diagonal-bl{bottom:-1px;left:calc(var(--_chamfer) - 1px);width:var(--_chamfer-diag);transform-origin:0;transform:rotate(-135deg)}.chamfered-diagonal-br{bottom:calc(var(--_chamfer-br) - 1px);width:var(--_chamfer-diag-br);transform-origin:100%;right:-1px;transform:rotate(-45deg)}.gradient-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-active))}.gradient-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-active))}.gradient-surface{background:linear-gradient(135deg, var(--color-surface), var(--color-background-elevated))}.glow-primary{box-shadow:0 0 20px #1a73e880}.glow-secondary{box-shadow:0 0 20px #34a85380}.glow-error{box-shadow:0 0 20px #ea433580}.glow-tier-gold{box-shadow:0 0 20px var(--tier-gold-glow)}.glow-tier-purple{box-shadow:0 0 20px var(--tier-purple-glow)}.glow-tier-blue{box-shadow:0 0 20px var(--tier-blue-glow)}.sixdot-border{position:relative}.sixdot-border:before{content:"";background:linear-gradient(45deg, var(--sixdot-gradient-start), var(--sixdot-gradient-mid), var(--sixdot-gradient-end));border-radius:inherit;opacity:var(--sixdot-border-opacity);z-index:-1;position:absolute;inset:-2px}.sixdot-glow{background:linear-gradient(135deg,#4338ca33,#7c3aed33)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-brighten{transition:filter var(--transition-base)}.hover-brighten:hover{filter:brightness(1.1)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #1a73e866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-slide-down{animation:slideDown var(--transition-base)}.animate-spin{animation:1s linear infinite spin}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-background-elevated)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bg-overlay{position:relative}.bg-overlay:before{content:"";background:var(--overlay-gradient,linear-gradient(135deg, #0f172ab3, #0f172a80));z-index:0;position:absolute;inset:0}.bg-overlay>*{z-index:1;position:relative}.backdrop-image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}._container_u3o0e_1{width:100%;margin-left:auto;margin-right:auto}._padding_u3o0e_7{padding-left:var(--container-padding);padding-right:var(--container-padding)}._maxWidth-sm_u3o0e_12{max-width:640px}._maxWidth-md_u3o0e_16{max-width:768px}._maxWidth-lg_u3o0e_20{max-width:1024px}._maxWidth-xl_u3o0e_24{max-width:var(--container-max-width)}._maxWidth-full_u3o0e_28{max-width:100%}@media (width<=768px){._padding_u3o0e_7{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}._topBar_10g3c_1{height:var(--topbar-height);background-color:var(--topbar-background);border-bottom:1px solid var(--topbar-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;left:0;right:0}._content_10g3c_13{height:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}._left_10g3c_23{align-items:center;gap:var(--spacing-xl);flex:1;display:flex}._right_10g3c_30{align-items:center;gap:var(--spacing-md);display:flex}._logo_10g3c_36{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-heading);align-items:center;display:flex}@media (width<=768px){._content_10g3c_13{padding:0 var(--spacing-md)}._left_10g3c_23{gap:var(--spacing-md)}._right_10g3c_30{gap:var(--spacing-sm)}}._button_159ms_1{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;-webkit-user-select:none;user-select:none;border:2px solid #0000;display:inline-flex}._button_159ms_1:disabled{opacity:.5;cursor:not-allowed}._sm_159ms_22{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}._md_159ms_28{height:var(--button-height);padding:0 var(--button-padding-x);font-size:var(--font-size-base)}._lg_159ms_34{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}._primary_159ms_41{background-color:var(--color-primary);color:var(--color-text-primary)}._primary_159ms_41:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}._primary_159ms_41:active:not(:disabled){background-color:var(--color-primary-active)}._secondary_159ms_55{background-color:var(--color-secondary);color:var(--color-text-primary)}._secondary_159ms_55:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md)}._secondary_159ms_55:active:not(:disabled){background-color:var(--color-secondary-active)}._outline_159ms_69{border-color:var(--color-border);color:var(--color-text-primary);background-color:#0000}._outline_159ms_69:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary)}._ghost_159ms_80{color:var(--color-text-primary);background-color:#0000}._ghost_159ms_80:hover:not(:disabled){background-color:var(--color-background-hover)}._danger_159ms_89{background-color:var(--color-error);color:var(--color-text-primary)}._danger_159ms_89:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#c33a2e}._fullWidth_159ms_100{width:100%}._loading_159ms_105{pointer-events:none;position:relative}._loadingSpinner_159ms_110{align-items:center;gap:var(--spacing-sm);display:flex}._spinner_159ms_116{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite _spin_159ms_116}@keyframes _spin_159ms_116{to{transform:rotate(360deg)}}._loadingText_159ms_131{opacity:.7}._selectWrapper_ir4bq_1{gap:var(--spacing-xs);flex-direction:column;display:flex}._fullWidth_ir4bq_7{width:100%}._label_ir4bq_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--spacing-xs);display:flex}._required_ir4bq_20{color:var(--color-error)}._selectContainer_ir4bq_24{width:100%;display:inline-block;position:relative}._select_ir4bq_1{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);padding-right:calc(var(--input-padding-x) + 24px);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;appearance:none;outline:none}._select_ir4bq_1:hover{border-color:var(--color-text-disabled)}._select_ir4bq_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._select_ir4bq_1:disabled{opacity:.5;cursor:not-allowed}._select_ir4bq_1._error_ir4bq_63{border-color:var(--color-error)}._select_ir4bq_1._error_ir4bq_63:focus{box-shadow:0 0 0 3px #ea43351a}._arrow_ir4bq_71{right:var(--input-padding-x);pointer-events:none;font-size:var(--font-size-xs);color:var(--color-text-secondary);position:absolute;top:50%;transform:translateY(-50%)}._errorText_ir4bq_81{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_ir4bq_86{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._select_ir4bq_1 option{background-color:var(--color-surface);color:var(--color-text-primary)}._inputWrapper_15t4g_1{gap:var(--spacing-xs);flex-direction:column;display:flex}._fullWidth_15t4g_7{width:100%}._label_15t4g_11{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--spacing-xs);display:flex}._required_15t4g_20{color:var(--color-error)}._input_15t4g_1{height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}._input_15t4g_1:hover{border-color:var(--color-text-disabled)}._input_15t4g_1:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e81a}._input_15t4g_1:disabled{opacity:.5;cursor:not-allowed}._input_15t4g_1::placeholder{color:var(--color-text-disabled)}._input_15t4g_1._error_15t4g_55{border-color:var(--color-error)}._input_15t4g_1._error_15t4g_55:focus{box-shadow:0 0 0 3px #ea43351a}._errorText_15t4g_63{font-size:var(--font-size-sm);color:var(--color-error)}._helperText_15t4g_68{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._allyCodeDropdown_1m0tw_1{align-items:center;gap:.5rem;display:flex;position:relative}._select_1m0tw_8{min-width:200px}._manageButton_1m0tw_12{white-space:nowrap}._managePanel_1m0tw_16{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;min-width:300px;margin-top:.5rem;padding:1rem;position:absolute;top:100%;right:0;box-shadow:0 4px 6px #0000001a}._managePanel_1m0tw_16 h4{color:var(--color-text-primary);margin:0 0 1rem;font-size:.875rem;font-weight:600}._addSection_1m0tw_37{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}._addInputGroup_1m0tw_43{gap:.5rem;margin-bottom:.5rem;display:flex}._addInputGroup_1m0tw_43 input{letter-spacing:.05em;flex:1;font-family:monospace}._error_1m0tw_55{color:var(--color-error);margin-top:.25rem;font-size:.75rem}._success_1m0tw_61{color:var(--color-success);margin-top:.25rem;font-size:.75rem}._codesList_1m0tw_67{margin-bottom:1rem}._codeItem_1m0tw_71{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}._codeItem_1m0tw_71:last-of-type{border-bottom:none}._codeItem_1m0tw_71 span{color:var(--color-text-secondary);font-size:.875rem}._doneButton_1m0tw_88{width:100%}@media (width<=768px){._select_1m0tw_8{min-width:150px}._managePanel_1m0tw_16{left:0;right:auto}}._logoLink_84pn2_3{color:inherit;text-decoration:none}._appNav_84pn2_9{align-items:center;gap:var(--spacing-lg,1.5rem);display:flex}._appName_84pn2_15{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-decoration:none}._appName_84pn2_15:hover{color:var(--color-primary)}._tabs_84pn2_29{align-items:center;gap:var(--spacing-lg,1.5rem);height:var(--topbar-height);display:flex}._tab_84pn2_29{height:100%;padding:0 var(--spacing-xs,.25rem);color:var(--color-text-secondary);font-size:var(--font-size-base);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;text-decoration:none;transition:color .15s,border-color .15s;display:flex}._tab_84pn2_29:hover{color:var(--color-text-primary)}._tabActive_84pn2_56{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}._extrasGroup_84pn2_64{align-items:center;gap:.4rem;display:flex}._authCluster_84pn2_70{align-items:center;gap:var(--spacing-sm);display:flex}._userLink_84pn2_76{color:var(--color-text-secondary);text-decoration:none}._userLink_84pn2_76:hover{color:var(--color-text-primary)}._footer_zjuj8_1{background-color:var(--color-background-elevated);border-top:1px solid var(--color-border);margin-top:auto}._content_zjuj8_7{max-width:var(--container-max-width);padding:var(--spacing-xl) var(--container-padding);margin:0 auto}._defaultContent_zjuj8_13{align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}._copyright_zjuj8_21{font-size:var(--font-size-sm);color:var(--color-text-secondary)}._disclaimer_zjuj8_26{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (width<=768px){._content_zjuj8_7{padding:var(--spacing-lg) var(--spacing-md)}}._card_1maq7_1{background-color:var(--card-background);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base)}._card_1maq7_1._chamfered_1maq7_8{border-radius:0}._default_1maq7_13{background-color:var(--card-background)}._elevated_1maq7_17{background-color:var(--card-background);box-shadow:var(--shadow-md)}._outline_1maq7_22{border:1px solid var(--card-edge-color,var(--card-border));background-color:#0000}._padding-none_1maq7_28{padding:0}._padding-sm_1maq7_32{padding:var(--spacing-sm)}._padding-md_1maq7_36{padding:var(--card-padding)}._padding-lg_1maq7_40{padding:var(--spacing-xl)}._hoverable_1maq7_45{cursor:pointer;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}._hoverable_1maq7_45:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)translateZ(0)}._hoverable_1maq7_45:active{box-shadow:var(--shadow-md);transform:translateY(-1px)translateZ(0)}._card_1maq7_1[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._badge_rk7t5_1{font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}._sm_rk7t5_11{font-size:var(--font-size-xs);padding:2px 8px}._md_rk7t5_16{font-size:var(--font-size-sm);padding:4px 12px}._lg_rk7t5_21{font-size:var(--font-size-base);padding:6px 16px}._default_rk7t5_27{background-color:var(--color-surface);color:var(--color-text-secondary)}._primary_rk7t5_32{background-color:var(--color-primary);color:var(--color-text-primary)}._secondary_rk7t5_37{background-color:var(--color-secondary);color:var(--color-text-primary)}._success_rk7t5_42{background-color:var(--color-success);color:var(--color-text-primary)}._warning_rk7t5_47{background-color:var(--color-warning);color:var(--color-background)}._error_rk7t5_52{background-color:var(--color-error);color:var(--color-text-primary)}._info_rk7t5_57{background-color:var(--color-info);color:var(--color-text-primary)}._overlay_1b3yt_1{z-index:var(--z-modal);padding:var(--spacing-md);animation:_fadeIn_1b3yt_1 var(--transition-base);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_1b3yt_13{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;animation:_slideUp_1b3yt_1 var(--transition-base);flex-direction:column;display:flex;overflow:hidden}._sm_1b3yt_25{width:100%;max-width:400px}._md_1b3yt_30{width:100%;max-width:600px}._lg_1b3yt_35{width:100%;max-width:800px}._xl_1b3yt_40{width:100%;max-width:1200px}._header_1b3yt_45{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}._title_1b3yt_53{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}._closeButton_1b3yt_60{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-xl);justify-content:center;align-items:center;line-height:1;display:flex}._closeButton_1b3yt_60:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}._content_1b3yt_78{padding:var(--spacing-lg);flex:1;overflow-y:auto}@keyframes _fadeIn_1b3yt_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1b3yt_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){._modal_1b3yt_13{max-height:95vh}._header_1b3yt_45,._content_1b3yt_78{padding:var(--spacing-md)}}._spinner_1uhnh_2{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite _spin_1uhnh_2}._spinner_1uhnh_2._sm_1uhnh_9{border-width:2px;width:16px;height:16px}._spinner_1uhnh_2._md_1uhnh_15{border-width:3px;width:32px;height:32px}._spinner_1uhnh_2._lg_1uhnh_21{border-width:4px;width:48px;height:48px}@keyframes _spin_1uhnh_2{to{transform:rotate(360deg)}}._dots_1uhnh_34{gap:8px;display:inline-flex}._dots_1uhnh_34._sm_1uhnh_9{gap:4px}._dots_1uhnh_34._lg_1uhnh_21{gap:12px}._dot_1uhnh_34{background-color:var(--color-primary);border-radius:50%;animation:1.4s ease-in-out infinite both _bounce_1uhnh_1;display:inline-block}._dots_1uhnh_34._sm_1uhnh_9 ._dot_1uhnh_34{width:6px;height:6px}._dots_1uhnh_34._md_1uhnh_15 ._dot_1uhnh_34{width:10px;height:10px}._dots_1uhnh_34._lg_1uhnh_21 ._dot_1uhnh_34{width:14px;height:14px}._dot_1uhnh_34:first-child{animation-delay:-.32s}._dot_1uhnh_34:nth-child(2){animation-delay:-.16s}@keyframes _bounce_1uhnh_1{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}._visuallyHidden_1uhnh_91{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
 /*$vite$:1*/

package/dist/index.js

@@ -34,31 +34,6 @@ var l = {
 		})]
 	})
 }), p = {
-	footer: "_footer_zjuj8_1",
-	content: "_content_zjuj8_7",
-	defaultContent: "_defaultContent_zjuj8_13",
-	copyright: "_copyright_zjuj8_21",
-	disclaimer: "_disclaimer_zjuj8_26"
-}, m = ({ children: e, className: t = "" }) => /* @__PURE__ */ s("footer", {
-	className: `${p.footer} ${t}`,
-	children: /* @__PURE__ */ s("div", {
-		className: p.content,
-		children: e || /* @__PURE__ */ c("div", {
-			className: p.defaultContent,
-			children: [/* @__PURE__ */ c("p", {
-				className: p.copyright,
-				children: [
-					"© ",
-					(/* @__PURE__ */ new Date()).getFullYear(),
-					" The Astrogator's Table. All rights reserved."
-				]
-			}), /* @__PURE__ */ s("p", {
-				className: p.disclaimer,
-				children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc."
-			})]
-		})
-	})
-}), h = {
 	button: "_button_159ms_1",
 	sm: "_sm_159ms_22",
 	md: "_md_159ms_28",
@@ -74,58 +49,18 @@ var l = {
 	spinner: "_spinner_159ms_116",
 	spin: "_spin_159ms_116",
 	loadingText: "_loadingText_159ms_131"
-}, g = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...l }) => /* @__PURE__ */ s("button", {
-	className: `${h.button} ${h[t]} ${h[n]} ${r ? h.fullWidth : ""} ${i ? h.loading : ""} ${o}`,
+}, m = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...l }) => /* @__PURE__ */ s("button", {
+	className: `${p.button} ${p[t]} ${p[n]} ${r ? p.fullWidth : ""} ${i ? p.loading : ""} ${o}`,
 	disabled: a || i,
 	...l,
 	children: i ? /* @__PURE__ */ c("span", {
-		className: h.loadingSpinner,
-		children: [/* @__PURE__ */ s("span", { className: h.spinner }), /* @__PURE__ */ s("span", {
-			className: h.loadingText,
+		className: p.loadingSpinner,
+		children: [/* @__PURE__ */ s("span", { className: p.spinner }), /* @__PURE__ */ s("span", {
+			className: p.loadingText,
 			children: e
 		})]
 	}) : e
-}), _ = {
-	inputWrapper: "_inputWrapper_15t4g_1",
-	fullWidth: "_fullWidth_15t4g_7",
-	label: "_label_15t4g_11",
-	required: "_required_15t4g_20",
-	input: "_input_15t4g_1",
-	error: "_error_15t4g_55",
-	errorText: "_errorText_15t4g_63",
-	helperText: "_helperText_15t4g_68"
-}, v = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, l) => {
-	let u = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
-	return /* @__PURE__ */ c("div", {
-		className: `${_.inputWrapper} ${r ? _.fullWidth : ""} ${i}`,
-		children: [
-			e && /* @__PURE__ */ c("label", {
-				htmlFor: u,
-				className: _.label,
-				children: [e, o.required && /* @__PURE__ */ s("span", {
-					className: _.required,
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ s("input", {
-				ref: l,
-				id: u,
-				className: `${_.input} ${d ? _.error : ""}`,
-				...o
-			}),
-			t && /* @__PURE__ */ s("span", {
-				className: _.errorText,
-				children: t
-			}),
-			n && !t && /* @__PURE__ */ s("span", {
-				className: _.helperText,
-				children: n
-			})
-		]
-	});
-});
-v.displayName = "Input";
-var y = {
+}), h = {
 	selectWrapper: "_selectWrapper_ir4bq_1",
 	fullWidth: "_fullWidth_ir4bq_7",
 	label: "_label_ir4bq_11",
@@ -136,25 +71,25 @@ var y = {
 	arrow: "_arrow_ir4bq_71",
 	errorText: "_errorText_ir4bq_81",
 	helperText: "_helperText_ir4bq_86"
-}, b = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: l, ...u }, d) => {
+}, g = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: l, ...u }, d) => {
 	let f = l || `select-${Math.random().toString(36).substr(2, 9)}`, p = !!t;
 	return /* @__PURE__ */ c("div", {
-		className: `${y.selectWrapper} ${a ? y.fullWidth : ""} ${o}`,
+		className: `${h.selectWrapper} ${a ? h.fullWidth : ""} ${o}`,
 		children: [
 			e && /* @__PURE__ */ c("label", {
 				htmlFor: f,
-				className: y.label,
+				className: h.label,
 				children: [e, u.required && /* @__PURE__ */ s("span", {
-					className: y.required,
+					className: h.required,
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ c("div", {
-				className: y.selectContainer,
+				className: h.selectContainer,
 				children: [/* @__PURE__ */ c("select", {
 					ref: d,
 					id: f,
-					className: `${y.select} ${p ? y.error : ""}`,
+					className: `${h.select} ${p ? h.error : ""}`,
 					...u,
 					children: [
 						i && /* @__PURE__ */ s("option", {
@@ -170,53 +105,93 @@ var y = {
 						!r && u.children
 					]
 				}), /* @__PURE__ */ s("span", {
-					className: y.arrow,
+					className: h.arrow,
 					children: "▼"
 				})]
 			}),
 			t && /* @__PURE__ */ s("span", {
-				className: y.errorText,
+				className: h.errorText,
+				children: t
+			}),
+			n && !t && /* @__PURE__ */ s("span", {
+				className: h.helperText,
+				children: n
+			})
+		]
+	});
+});
+g.displayName = "Select";
+var _ = {
+	inputWrapper: "_inputWrapper_15t4g_1",
+	fullWidth: "_fullWidth_15t4g_7",
+	label: "_label_15t4g_11",
+	required: "_required_15t4g_20",
+	input: "_input_15t4g_1",
+	error: "_error_15t4g_55",
+	errorText: "_errorText_15t4g_63",
+	helperText: "_helperText_15t4g_68"
+}, v = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, l) => {
+	let u = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
+	return /* @__PURE__ */ c("div", {
+		className: `${_.inputWrapper} ${r ? _.fullWidth : ""} ${i}`,
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: u,
+				className: _.label,
+				children: [e, o.required && /* @__PURE__ */ s("span", {
+					className: _.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: l,
+				id: u,
+				className: `${_.input} ${d ? _.error : ""}`,
+				...o
+			}),
+			t && /* @__PURE__ */ s("span", {
+				className: _.errorText,
 				children: t
 			}),
 			n && !t && /* @__PURE__ */ s("span", {
-				className: y.helperText,
+				className: _.helperText,
 				children: n
 			})
 		]
 	});
 });
-b.displayName = "Select";
+v.displayName = "Input";
 //#endregion
 //#region src/services/auth.ts
-var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => localStorage.getItem(x), w = (e) => {
-	localStorage.setItem(x, e);
-}, T = () => {
-	localStorage.removeItem(x);
-}, E = () => localStorage.getItem(S), D = (e) => {
-	localStorage.setItem(S, e);
+var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => localStorage.getItem(y), S = (e) => {
+	localStorage.setItem(y, e);
+}, C = () => {
+	localStorage.removeItem(y);
+}, w = () => localStorage.getItem(b), T = (e) => {
+	localStorage.setItem(b, e);
+}, E = () => {
+	localStorage.removeItem(b);
+}, D = (e, t) => {
+	S(e), T(t);
 }, O = () => {
-	localStorage.removeItem(S);
-}, k = (e, t) => {
-	w(e), D(t);
-}, A = () => {
-	T(), O();
-}, ee = () => !!C(), j = "", M, N = null, P = (e) => {
-	j = e.baseURL, M = e.onUnauthorized;
-}, F = () => N || (N = (async () => {
-	let e = E();
+	C(), E();
+}, ee = () => !!x(), k = "", A, j = null, M = (e) => {
+	k = e.baseURL, A = e.onUnauthorized;
+}, N = () => j || (j = (async () => {
+	let e = w();
 	if (!e) throw Error("No refresh token available");
-	let t = await fetch(`${j}/api/v1/auth/refresh`, {
+	let t = await fetch(`${k}/api/v1/auth/refresh`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ refresh_token: e })
 	});
-	if (!t.ok) throw A(), M?.(), Error("Token refresh failed");
+	if (!t.ok) throw O(), A?.(), Error("Token refresh failed");
 	let n = await t.json();
-	return k(n.access_token, n.refresh_token), n.access_token;
+	return D(n.access_token, n.refresh_token), n.access_token;
 })().finally(() => {
-	N = null;
-}), N), I = async (e, t = {}) => {
-	let n = C(), r = { ...t.headers };
+	j = null;
+}), j), P = async (e, t = {}) => {
+	let n = x(), r = { ...t.headers };
 	n && (r.Authorization = `Bearer ${n}`);
 	let i = await fetch(e, {
 		...t,
@@ -224,17 +199,17 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	});
 	if (i.status !== 401 || !n) return i;
 	try {
-		return r.Authorization = `Bearer ${await F()}`, await fetch(e, {
+		return r.Authorization = `Bearer ${await N()}`, await fetch(e, {
 			...t,
 			headers: r
 		});
 	} catch {
 		return i;
 	}
-}, L = class {
+}, F = class {
 	baseURL;
 	constructor(e) {
-		this.baseURL = e.baseURL, P({
+		this.baseURL = e.baseURL, M({
 			baseURL: e.baseURL,
 			onUnauthorized: e.onUnauthorized
 		});
@@ -243,7 +218,7 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 		let n = {
 			"Content-Type": "application/json",
 			...t.headers
-		}, r = await I(`${this.baseURL}${e}`, {
+		}, r = await P(`${this.baseURL}${e}`, {
 			...t,
 			headers: n
 		});
@@ -293,55 +268,55 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 			method: "DELETE"
 		});
 	}
-}, R, z = (e) => {
-	R = new L(e);
-}, B = "astrogators_ally_codes", V = "astrogators_selected_ally_code", H = () => {
+}, I, te = (e) => {
+	I = new F(e);
+}, L = "astrogators_ally_codes", R = "astrogators_selected_ally_code", z = () => {
 	try {
-		let e = localStorage.getItem(B);
+		let e = localStorage.getItem(L);
 		return e ? JSON.parse(e) : [];
 	} catch (e) {
 		return console.error("Failed to read ally codes from localStorage:", e), [];
 	}
-}, te = (e) => {
+}, ne = (e) => {
 	try {
-		let t = H();
+		let t = z();
 		if (t.some((t) => t.ally_code === e.ally_code)) return;
-		t.push(e), localStorage.setItem(B, JSON.stringify(t));
+		t.push(e), localStorage.setItem(L, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to save ally code to localStorage:", e);
 	}
-}, U = (e) => {
+}, re = (e) => {
 	try {
-		let t = H().filter((t) => t.ally_code !== e);
-		localStorage.setItem(B, JSON.stringify(t));
+		let t = z().filter((t) => t.ally_code !== e);
+		localStorage.setItem(L, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to remove ally code from localStorage:", e);
 	}
-}, W = (e) => {
+}, B = (e) => {
 	try {
-		let t = H().map((t) => t.ally_code === e ? {
+		let t = z().map((t) => t.ally_code === e ? {
 			...t,
 			last_used_at: (/* @__PURE__ */ new Date()).toISOString()
 		} : t);
-		localStorage.setItem(B, JSON.stringify(t));
+		localStorage.setItem(L, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to update ally code last used:", e);
 	}
-}, ne = () => localStorage.getItem(V), G = (e) => {
-	e ? localStorage.setItem(V, e) : localStorage.removeItem(V);
-}, re = () => {
-	localStorage.removeItem(B), localStorage.removeItem(V);
-}, K = t(void 0), ie = ({ children: e, apiBaseUrl: t }) => {
+}, ie = () => localStorage.getItem(R), V = (e) => {
+	e ? localStorage.setItem(R, e) : localStorage.removeItem(R);
+}, H = () => {
+	localStorage.removeItem(L), localStorage.removeItem(R);
+}, U = t(void 0), W = ({ children: e, apiBaseUrl: t }) => {
 	let [r, o] = a(null), [c, l] = a(!0), [u, d] = a(!0), [f, p] = a(!0), [m, h] = a([]), [g, _] = a(null), [v, y] = a(!1), [b, x] = a({
 		show: !1,
 		localStorageCodes: []
 	});
 	i(() => {
-		z({ baseURL: t });
+		te({ baseURL: t });
 	}, [t]), i(() => {
 		(async () => {
 			try {
-				d((await R.get("/api/v1/config/features")).auth_enabled);
+				d((await I.get("/api/v1/config/features")).auth_enabled);
 			} catch (e) {
 				console.error("Failed to fetch features:", e), d(!0);
 			} finally {
@@ -355,9 +330,9 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 			return;
 		}
 		try {
-			o(await R.get("/api/v1/users/me"));
+			o(await I.get("/api/v1/users/me"));
 		} catch (e) {
-			console.error("Failed to fetch user:", e), o(null), A();
+			console.error("Failed to fetch user:", e), o(null), O();
 		} finally {
 			l(!1);
 		}
@@ -367,39 +342,39 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	}, [S]);
 	let C = async (e) => {
 		try {
-			let t = await R.post("/api/v1/auth/login", e);
-			k(t.access_token, t.refresh_token), o(await R.get("/api/v1/users/me"));
+			let t = await I.post("/api/v1/auth/login", e);
+			D(t.access_token, t.refresh_token), o(await I.get("/api/v1/users/me"));
 		} catch (e) {
 			throw console.error("Login failed:", e), e;
 		}
 	}, w = async (e) => {
 		try {
-			await R.post("/api/v1/auth/register", e);
+			await I.post("/api/v1/auth/register", e);
 		} catch (e) {
 			throw console.error("Registration failed:", e), e;
 		}
 	}, T = () => {
-		A(), o(null), h([]), _(null), x({
+		O(), o(null), h([]), _(null), x({
 			show: !1,
 			localStorageCodes: []
 		});
 	}, E = async () => {
 		await S();
-	}, D = async (e) => {
+	}, k = async (e) => {
 		try {
-			return (await R.post("/api/v1/auth/forgot-password", e)).message;
+			return (await I.post("/api/v1/auth/forgot-password", e)).message;
 		} catch (e) {
 			throw console.error("Forgot password failed:", e), e;
 		}
-	}, O = async (e) => {
+	}, A = async (e) => {
 		try {
-			return (await R.post("/api/v1/auth/reset-password", e)).message;
+			return (await I.post("/api/v1/auth/reset-password", e)).message;
 		} catch (e) {
 			throw console.error("Reset password failed:", e), e;
 		}
 	}, j = async (e) => {
 		try {
-			return (await R.post("/api/v1/auth/resend-verification", e)).message;
+			return (await I.post("/api/v1/auth/resend-verification", e)).message;
 		} catch (e) {
 			throw console.error("Resend verification failed:", e), e;
 		}
@@ -407,26 +382,26 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 		y(!0);
 		try {
 			if (r) {
-				h((await R.get("/api/v1/users/me/ally-codes")).ally_codes);
-				let e = H();
+				h((await I.get("/api/v1/users/me/ally-codes")).ally_codes);
+				let e = z();
 				e.length > 0 && x({
 					show: !0,
 					localStorageCodes: e.map((e) => e.ally_code)
 				});
-			} else h(H());
-			_(ne());
+			} else h(z());
+			_(ie());
 		} catch (e) {
 			console.error("Failed to fetch ally codes:", e), h([]);
 		} finally {
 			y(!1);
 		}
 	}, [r]), N = n(async (e) => {
-		r && typeof e == "number" ? (await R.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await M()) : !r && typeof e == "string" && (W(e), h(H()));
+		r && typeof e == "number" ? (await I.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await M()) : !r && typeof e == "string" && (B(e), h(z()));
 	}, [r, M]), P = n((e) => {
-		if (_(e), G(e), e && r) {
+		if (_(e), V(e), e && r) {
 			let t = m.find((t) => "ally_code" in t && t.ally_code === e);
 			t && "id" in t && N(t.id);
-		} else e && !r && W(e);
+		} else e && !r && B(e);
 	}, [
 		r,
 		m,
@@ -434,50 +409,50 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	]), F = n(async (e) => {
 		if (!/^\d{9}$/.test(e)) throw Error("Ally code must be exactly 9 digits");
 		if (r) {
-			let t = await R.post("/api/v1/users/me/ally-codes", { ally_code: e });
+			let t = await I.post("/api/v1/users/me/ally-codes", { ally_code: e });
 			h((e) => [t, ...e]), m.length === 0 && P(e);
 		} else {
-			let t = await R.get(`/api/v1/player-data/player/${e}`);
+			let t = await I.get(`/api/v1/player-data/player/${e}`);
 			if (!t) throw Error("Invalid ally code - player not found");
-			te({
+			ne({
 				ally_code: e,
 				player_name: t.data?.name ?? null,
 				last_used_at: (/* @__PURE__ */ new Date()).toISOString()
-			}), h(H()), m.length === 0 && P(e);
+			}), h(z()), m.length === 0 && P(e);
 		}
 	}, [
 		r,
 		m.length,
 		P
-	]), I = n(async (e) => {
-		r && typeof e == "number" ? (await R.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !r && typeof e == "string" && (U(e), h(H()), g === e && P(null));
+	]), L = n(async (e) => {
+		r && typeof e == "number" ? (await I.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !r && typeof e == "string" && (re(e), h(z()), g === e && P(null));
 	}, [
 		r,
 		g,
 		P
-	]), L = n(() => {
+	]), R = n(() => {
 		x({
 			show: !1,
 			localStorageCodes: []
 		});
-	}, []), B = n(async () => {
+	}, []), W = n(async () => {
 		if (!r) return;
-		let e = H();
+		let e = z();
 		for (let t of e) try {
 			await F(t.ally_code);
 		} catch (e) {
 			console.error(`Failed to migrate ally code ${t.ally_code}:`, e);
 		}
-		re(), L();
+		H(), R();
 	}, [
 		r,
 		F,
-		L
+		R
 	]);
 	i(() => {
 		M();
 	}, [M]);
-	let V = {
+	let G = {
 		user: r,
 		isAuthenticated: !!r,
 		isLoading: c,
@@ -485,8 +460,8 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 		register: w,
 		logout: T,
 		refreshUser: E,
-		forgotPassword: D,
-		resetPassword: O,
+		forgotPassword: k,
+		resetPassword: A,
 		resendVerification: j,
 		authEnabled: u,
 		isLoadingFeatures: f,
@@ -495,22 +470,22 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 		isLoadingAllyCodes: v,
 		fetchAllyCodes: M,
 		addAllyCode: F,
-		removeAllyCode: I,
+		removeAllyCode: L,
 		selectAllyCode: P,
 		updateAllyCodeLastUsed: N,
 		migrationPrompt: b,
-		dismissMigrationPrompt: L,
-		migrateLocalStorageCodes: B
+		dismissMigrationPrompt: R,
+		migrateLocalStorageCodes: W
 	};
-	return /* @__PURE__ */ s(K.Provider, {
-		value: V,
+	return /* @__PURE__ */ s(U.Provider, {
+		value: G,
 		children: e
 	});
-}, q = () => {
-	let e = r(K);
+}, G = () => {
+	let e = r(U);
 	if (e === void 0) throw Error("useAuth must be used within an AuthProvider");
 	return e;
-}, J = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, ae = (e) => e.replace(/-/g, ""), Y = {
+}, K = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, ae = (e) => e.replace(/-/g, ""), q = {
 	allyCodeDropdown: "_allyCodeDropdown_1m0tw_1",
 	select: "_select_1m0tw_8",
 	manageButton: "_manageButton_1m0tw_12",
@@ -523,9 +498,9 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	codeItem: "_codeItem_1m0tw_71",
 	doneButton: "_doneButton_1m0tw_88"
 }, oe = ({ onAllyCodeSelected: e, className: t = "" }) => {
-	let { allyCodes: n, selectedAllyCode: r, selectAllyCode: i, removeAllyCode: o, addAllyCode: l, isLoadingAllyCodes: u } = q(), [d, f] = a(!1), [p, m] = a(""), [h, _] = a(""), [y, x] = a(""), [S, C] = a(!1), w = n.map((e) => ({
+	let { allyCodes: n, selectedAllyCode: r, selectAllyCode: i, removeAllyCode: o, addAllyCode: l, isLoadingAllyCodes: u } = G(), [d, f] = a(!1), [p, h] = a(""), [_, y] = a(""), [b, x] = a(""), [S, C] = a(!1), w = n.map((e) => ({
 		value: e.ally_code,
-		label: e.player_name ? `${e.player_name} (${J(e.ally_code)})` : J(e.ally_code)
+		label: e.player_name ? `${e.player_name} (${K(e.ally_code)})` : K(e.ally_code)
 	})), T = (t) => {
 		let n = t.target.value || null;
 		i(n), e?.(n);
@@ -534,44 +509,44 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 		t && await o("id" in t ? t.id : t.ally_code);
 	};
 	return n.length === 0 ? null : /* @__PURE__ */ c("div", {
-		className: `${Y.allyCodeDropdown} ${t}`,
+		className: `${q.allyCodeDropdown} ${t}`,
 		children: [
-			/* @__PURE__ */ s(b, {
+			/* @__PURE__ */ s(g, {
 				options: w,
 				value: r || "",
 				onChange: T,
 				placeholder: "Select ally code",
 				disabled: u,
-				className: Y.select
+				className: q.select
 			}),
 			d && /* @__PURE__ */ c("div", {
-				className: Y.managePanel,
+				className: q.managePanel,
 				children: [
 					/* @__PURE__ */ s("h4", { children: "Manage Ally Codes" }),
 					/* @__PURE__ */ c("div", {
-						className: Y.addSection,
+						className: q.addSection,
 						children: [
 							/* @__PURE__ */ c("div", {
-								className: Y.addInputGroup,
+								className: q.addInputGroup,
 								children: [/* @__PURE__ */ s(v, {
 									type: "text",
 									placeholder: "9-digit ally code",
 									value: p,
-									onChange: (e) => m(e.target.value.replace(/\D/g, "").slice(0, 9)),
+									onChange: (e) => h(e.target.value.replace(/\D/g, "").slice(0, 9)),
 									disabled: S
-								}), /* @__PURE__ */ s(g, {
+								}), /* @__PURE__ */ s(m, {
 									variant: "primary",
 									size: "sm",
 									onClick: async () => {
-										if (_(""), x(""), !/^\d{9}$/.test(p)) {
-											_("Ally code must be exactly 9 digits");
+										if (y(""), x(""), !/^\d{9}$/.test(p)) {
+											y("Ally code must be exactly 9 digits");
 											return;
 										}
 										C(!0);
 										try {
-											await l(p), x("Added successfully!"), m(""), setTimeout(() => x(""), 2e3);
+											await l(p), x("Added successfully!"), h(""), setTimeout(() => x(""), 2e3);
 										} catch (e) {
-											_(e.message || "Failed to add ally code");
+											y(e.message || "Failed to add ally code");
 										} finally {
 											C(!1);
 										}
@@ -581,21 +556,21 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 									children: "Add"
 								})]
 							}),
-							h && /* @__PURE__ */ s("div", {
-								className: Y.error,
-								children: h
+							_ && /* @__PURE__ */ s("div", {
+								className: q.error,
+								children: _
 							}),
-							y && /* @__PURE__ */ s("div", {
-								className: Y.success,
-								children: y
+							b && /* @__PURE__ */ s("div", {
+								className: q.success,
+								children: b
 							})
 						]
 					}),
 					/* @__PURE__ */ s("div", {
-						className: Y.codesList,
+						className: q.codesList,
 						children: n.map((e) => /* @__PURE__ */ c("div", {
-							className: Y.codeItem,
-							children: [/* @__PURE__ */ s("span", { children: e.player_name ? `${e.player_name} (${J(e.ally_code)})` : J(e.ally_code) }), /* @__PURE__ */ s(g, {
+							className: q.codeItem,
+							children: [/* @__PURE__ */ s("span", { children: e.player_name ? `${e.player_name} (${K(e.ally_code)})` : K(e.ally_code) }), /* @__PURE__ */ s(m, {
 								variant: "ghost",
 								size: "sm",
 								onClick: () => E(e.ally_code),
@@ -603,59 +578,163 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 							})]
 						}, e.ally_code))
 					}),
-					/* @__PURE__ */ s(g, {
+					/* @__PURE__ */ s(m, {
 						variant: "secondary",
 						size: "sm",
 						onClick: () => f(!1),
-						className: Y.doneButton,
+						className: q.doneButton,
 						children: "Done"
 					})
 				]
 			}),
-			/* @__PURE__ */ s(g, {
+			/* @__PURE__ */ s(m, {
 				variant: "ghost",
 				size: "sm",
 				onClick: () => f(!d),
-				className: Y.manageButton,
+				className: q.manageButton,
 				children: "Manage"
 			})
 		]
 	});
-}, X = {
-	card: "_card_b4471_1",
-	chamfered: "_chamfered_b4471_8",
-	default: "_default_b4471_13",
-	elevated: "_elevated_b4471_17",
-	outline: "_outline_b4471_22",
-	"padding-none": "_padding-none_b4471_28",
-	"padding-sm": "_padding-sm_b4471_32",
-	"padding-md": "_padding-md_b4471_36",
-	"padding-lg": "_padding-lg_b4471_40",
-	hoverable: "_hoverable_b4471_45"
-}, se = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: l = !1, diagonalBorderColor: u, className: d = "", onClick: f, style: p }) => {
-	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = u ? { color: u } : void 0;
+}, J = {
+	logoLink: "_logoLink_84pn2_3",
+	appNav: "_appNav_84pn2_9",
+	appName: "_appName_84pn2_15",
+	tabs: "_tabs_84pn2_29",
+	tab: "_tab_84pn2_29",
+	tabActive: "_tabActive_84pn2_56",
+	extrasGroup: "_extrasGroup_84pn2_64",
+	authCluster: "_authCluster_84pn2_70",
+	userLink: "_userLink_84pn2_76"
+}, se = ({ hubUrl: t = "/", appName: n, appHref: r = "/", navItems: i, showAllyCode: a = !1, showAuth: l = !0, rightExtras: u, className: d }) => {
+	let { user: p, isAuthenticated: h, logout: g, authEnabled: _ } = G(), v = () => {
+		g(), window.location.href = t;
+	}, y = !!u || a, b = !!(i && i.length > 0), x = !!n || b, S = l ? h ? /* @__PURE__ */ c("div", {
+		className: J.authCluster,
+		children: [/* @__PURE__ */ s("a", {
+			href: "/profile",
+			className: J.userLink,
+			children: p?.username
+		}), /* @__PURE__ */ s(m, {
+			variant: "ghost",
+			size: "sm",
+			onClick: v,
+			children: "Logout"
+		})]
+	}) : _ ? /* @__PURE__ */ c("div", {
+		className: J.authCluster,
+		children: [/* @__PURE__ */ s("a", {
+			href: "/login",
+			children: /* @__PURE__ */ s(m, {
+				variant: "ghost",
+				size: "sm",
+				children: "Login"
+			})
+		}), /* @__PURE__ */ s("a", {
+			href: "/register",
+			children: /* @__PURE__ */ s(m, {
+				variant: "primary",
+				size: "sm",
+				children: "Sign Up"
+			})
+		})]
+	}) : null : null;
+	return /* @__PURE__ */ s(f, {
+		className: d,
+		logo: /* @__PURE__ */ s("a", {
+			href: t,
+			className: J.logoLink,
+			children: "The Astrogator's Table"
+		}),
+		leftContent: x ? /* @__PURE__ */ c("div", {
+			className: J.appNav,
+			children: [n && /* @__PURE__ */ s("a", {
+				href: r,
+				className: J.appName,
+				children: n
+			}), b && /* @__PURE__ */ s("nav", {
+				className: J.tabs,
+				children: i.map((t) => {
+					let n = `${J.tab} ${t.active ? J.tabActive : ""}`;
+					return t.render ? /* @__PURE__ */ s(e.Fragment, { children: t.render({
+						className: n,
+						children: t.label
+					}) }, t.href) : /* @__PURE__ */ s("a", {
+						href: t.href,
+						className: n,
+						children: t.label
+					}, t.href);
+				})
+			})]
+		}) : void 0,
+		rightContent: /* @__PURE__ */ c(o, { children: [y && /* @__PURE__ */ c("div", {
+			className: J.extrasGroup,
+			children: [u, a && /* @__PURE__ */ s(oe, {})]
+		}), S] })
+	});
+}, Y = {
+	footer: "_footer_zjuj8_1",
+	content: "_content_zjuj8_7",
+	defaultContent: "_defaultContent_zjuj8_13",
+	copyright: "_copyright_zjuj8_21",
+	disclaimer: "_disclaimer_zjuj8_26"
+}, ce = ({ children: e, className: t = "" }) => /* @__PURE__ */ s("footer", {
+	className: `${Y.footer} ${t}`,
+	children: /* @__PURE__ */ s("div", {
+		className: Y.content,
+		children: e || /* @__PURE__ */ c("div", {
+			className: Y.defaultContent,
+			children: [/* @__PURE__ */ c("p", {
+				className: Y.copyright,
+				children: [
+					"© ",
+					(/* @__PURE__ */ new Date()).getFullYear(),
+					" The Astrogator's Table. All rights reserved."
+				]
+			}), /* @__PURE__ */ s("p", {
+				className: Y.disclaimer,
+				children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc."
+			})]
+		})
+	})
+}), X = {
+	card: "_card_1maq7_1",
+	chamfered: "_chamfered_1maq7_8",
+	default: "_default_1maq7_13",
+	elevated: "_elevated_1maq7_17",
+	outline: "_outline_1maq7_22",
+	"padding-none": "_padding-none_1maq7_28",
+	"padding-sm": "_padding-sm_1maq7_32",
+	"padding-md": "_padding-md_1maq7_36",
+	"padding-lg": "_padding-lg_1maq7_40",
+	hoverable: "_hoverable_1maq7_45"
+}, le = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: l = !1, diagonalBorderColor: u, className: d = "", onClick: f, style: p }) => {
+	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = l ? u : void 0, g = h ? { color: h } : void 0, _ = h ? {
+		...p,
+		"--card-edge-color": h
+	} : p;
 	return /* @__PURE__ */ c("div", {
 		className: `${X.card} ${n ? X.chamfered : ""} ${X[t]} ${X[`padding-${i}`]} ${m} ${a ? X.hoverable : ""} ${d}`,
 		onClick: f,
 		role: f ? "button" : void 0,
 		tabIndex: f ? 0 : void 0,
-		style: p,
+		style: _,
 		children: [l && /* @__PURE__ */ c(o, { children: [
 			/* @__PURE__ */ s("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-tl",
-				style: h
+				style: g
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-tr",
-				style: h
+				style: g
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-bl",
-				style: h
+				style: g
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-br",
-				style: h
+				style: g
 			})
 		] }), e]
 	});
@@ -671,7 +750,7 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	warning: "_warning_rk7t5_47",
 	error: "_error_rk7t5_52",
 	info: "_info_rk7t5_57"
-}, ce = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ s("span", {
+}, ue = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ s("span", {
 	className: `${Z.badge} ${Z[t]} ${Z[n]} ${r}`,
 	children: e
 }), Q = {
@@ -687,7 +766,7 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	title: "_title_1b3yt_53",
 	closeButton: "_closeButton_1b3yt_60",
 	content: "_content_1b3yt_78"
-}, le = ({ isOpen: e, onClose: t, title: n, children: r, size: a = "md", closeOnOverlayClick: o = !0, className: l = "" }) => (i(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+}, de = ({ isOpen: e, onClose: t, title: n, children: r, size: a = "md", closeOnOverlayClick: o = !0, className: l = "" }) => (i(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
 	document.body.style.overflow = "unset";
 }), [e]), i(() => {
 	let n = (n) => {
@@ -729,7 +808,7 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	dot: "_dot_1uhnh_34",
 	bounce: "_bounce_1uhnh_1",
 	visuallyHidden: "_visuallyHidden_1uhnh_91"
-}, ue = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ c("div", {
+}, fe = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ c("div", {
 	className: `${$.dots} ${$[e]} ${n}`,
 	children: [
 		/* @__PURE__ */ s("span", { className: $.dot }),
@@ -745,4 +824,4 @@ var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => l
 	})
 });
 //#endregion
-export { oe as AllyCodeDropdown, L as ApiClient, ie as AuthProvider, ce as Badge, g as Button, se as Card, u as Container, m as Footer, v as Input, ue as Loader, le as Modal, b as Select, f as TopBar, R as apiClient, I as authedFetch, re as clearAllyCodes, A as clearTokens, P as configureAuthRefresh, J as formatAllyCode, C as getAccessToken, H as getAllyCodesFromStorage, E as getRefreshToken, ne as getSelectedAllyCode, z as initializeApiClient, ee as isAuthenticated, F as refreshAccessToken, T as removeAccessToken, U as removeAllyCodeFromStorage, O as removeRefreshToken, te as saveAllyCodeToStorage, w as setAccessToken, D as setRefreshToken, G as setSelectedAllyCode, k as setTokens, ae as unformatAllyCode, W as updateAllyCodeLastUsed, q as useAuth };
+export { oe as AllyCodeDropdown, F as ApiClient, W as AuthProvider, ue as Badge, m as Button, le as Card, u as Container, ce as Footer, v as Input, fe as Loader, de as Modal, se as NavBar, g as Select, f as TopBar, I as apiClient, P as authedFetch, H as clearAllyCodes, O as clearTokens, M as configureAuthRefresh, K as formatAllyCode, x as getAccessToken, z as getAllyCodesFromStorage, w as getRefreshToken, ie as getSelectedAllyCode, te as initializeApiClient, ee as isAuthenticated, N as refreshAccessToken, C as removeAccessToken, re as removeAllyCodeFromStorage, E as removeRefreshToken, ne as saveAllyCodeToStorage, S as setAccessToken, T as setRefreshToken, V as setSelectedAllyCode, D as setTokens, ae as unformatAllyCode, B as updateAllyCodeLastUsed, G as useAuth };

package/dist/src/components/layout/NavBar.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+/**
+ * A single top-level section link in the NavBar tab strip.
+ *
+ * NavBar is intentionally router-agnostic: shared-ui takes no react-router
+ * dependency. The consumer decides whether a tab is `active` (e.g. from its own
+ * `useLocation`) and may supply `render` to inject a router `<Link>` for soft
+ * client-side navigation. Without `render`, the tab is a plain `<a href>`.
+ */
+export interface NavItem {
+    label: string;
+    href: string;
+    active?: boolean;
+    render?: (props: {
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+export interface NavBarProps {
+    /** Target for the ⟵ "The Astrogator's Table" logo — always the hub. Default '/'. */
+    hubUrl?: string;
+    /** This app's display name, e.g. "Mod Ledger". Omit on the hub (the logo is
+     *  already the suite identity) for a logo-only left section. */
+    appName?: string;
+    /** Link target for the app name — the app's own root. Default '/'. */
+    appHref?: string;
+    /** Top-level section tabs. Omit (or empty) for apps with no sections. */
+    navItems?: NavItem[];
+    /** Render the shared AllyCodeDropdown in the right cluster. Default false. */
+    showAllyCode?: boolean;
+    /** Render the baked username/login/logout cluster. Default true. Set false for
+     *  static pages (e.g. docs) that want no auth UI. */
+    showAuth?: boolean;
+    /** App-specific controls, rendered immediately left of the ally dropdown. */
+    rightExtras?: React.ReactNode;
+    className?: string;
+}
+/**
+ * NavBar — the opinionated, suite-wide top bar built on top of the dumb `TopBar`
+ * primitive. It bakes the blessed layout so every app's chrome is identical:
+ *
+ *   [ logo → hub ] · [ appName ]  [ section tabs ] ···· [ rightExtras ] [ ally ] [ auth cluster ]
+ *
+ * The username/profile/login/register/logout cluster is owned here (via useAuth);
+ * apps no longer hand-roll it. Auth links point at the hub origin as plain anchors
+ * because the auth UI lives in the hub and everything is served single-origin.
+ */
+export declare const NavBar: React.FC<NavBarProps>;

package/dist/src/components/layout/index.d.ts

@@ -2,5 +2,7 @@ export { Container } from './Container';
 export type { ContainerProps } from './Container';
 export { TopBar } from './TopBar';
 export type { TopBarProps } from './TopBar';
+export { NavBar } from './NavBar';
+export type { NavBarProps, NavItem } from './NavBar';
 export { Footer } from './Footer';
 export type { FooterProps } from './Footer';

package/dist/src/index.d.ts

@@ -1,5 +1,5 @@
-export { Container, TopBar, Footer } from './components/layout';
-export type { ContainerProps, TopBarProps, FooterProps } from './components/layout';
+export { Container, TopBar, NavBar, Footer } from './components/layout';
+export type { ContainerProps, TopBarProps, NavBarProps, NavItem, FooterProps } from './components/layout';
 export { Button, Input, Select, AllyCodeDropdown } from './components/forms';
 export type { ButtonProps, InputProps, SelectProps, SelectOption, AllyCodeDropdownProps } from './components/forms';
 export { Card, Badge, Modal } from './components/display';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astrogators-shared-ui",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Shared UI components and utilities for Astrogator's Table applications",
   "type": "module",
   "main": "./dist/index.js",