tempest-react-sdk 0.73.0 → 0.75.0

package/dist/styles/data.css

@@ -46,7 +46,7 @@
 .tempest_editor_th4Sm{align-items:center;gap:var(--tempest-space-2);padding:var(--tempest-space-2);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background-color:var(--tempest-surface);flex-wrap:wrap;display:flex}
 .tempest_control_y8jH6{min-width:0;display:inline-flex}
 .tempest_select_yn-Um,.tempest_input_lLEzH{min-width:7rem;max-width:14rem;padding:var(--tempest-space-1) var(--tempest-space-2);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-sm);background-color:var(--tempest-bg);color:inherit;font:inherit}
-.tempest_select_yn-Um:focus-visible,.tempest_input_lLEzH:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:-1px}
+.tempest_select_yn-Um:focus-visible,.tempest_input_lLEzH:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:calc(var(--tempest-focus-ring-width) * -1)}
 .tempest_actions_s-nBo{align-items:center;gap:var(--tempest-space-2);flex-wrap:wrap;display:flex}
 .tempest_primary_zW1qN,.tempest_secondary_2wMQS,.tempest_ghost_tDjte{padding:var(--tempest-space-1) var(--tempest-space-3);border-radius:var(--tempest-radius-md);font:inherit;cursor:pointer}
 .tempest_primary_zW1qN{background-color:var(--tempest-primary);color:var(--tempest-primary-foreground);border:none}
@@ -54,7 +54,7 @@
 .tempest_secondary_2wMQS{border:1px dashed var(--tempest-border-strong);color:var(--tempest-text);background-color:#0000}
 .tempest_secondary_2wMQS:disabled{color:var(--tempest-text-subtle);cursor:not-allowed}
 .tempest_ghost_tDjte{color:var(--tempest-text-muted);background:0 0;border:none;text-decoration:underline}
-.tempest_primary_zW1qN:focus-visible,.tempest_secondary_2wMQS:focus-visible,.tempest_ghost_tDjte:focus-visible,.tempest_remove_FmPaZ:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:1px}
+.tempest_primary_zW1qN:focus-visible,.tempest_secondary_2wMQS:focus-visible,.tempest_ghost_tDjte:focus-visible,.tempest_remove_FmPaZ:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:1px}
 .tempest_panel_ab2ba{min-width:0}
 .tempest_actions_9a-Sm{justify-content:flex-end;align-items:center;gap:var(--tempest-space-2);flex-wrap:wrap;margin-left:auto;display:flex}
 .tempest_form_bMDhN{margin:0}
@@ -76,7 +76,7 @@
 .tempest_tile_ZpED6{align-items:center;gap:var(--tempest-space-3);width:100%;padding:var(--tempest-space-3) var(--tempest-space-4);background:var(--tempest-surface);color:var(--tempest-text);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-sm);text-align:left;border-radius:var(--tempest-radius-md);border:0;display:flex}
 .tempest_interactive_3ICXQ{cursor:pointer;transition:background var(--tempest-duration-fast,.12s) var(--tempest-ease-out,ease-out)}
 .tempest_interactive_3ICXQ:hover{background:var(--tempest-surface-2)}
-.tempest_interactive_3ICXQ:focus-visible{outline:var(--tempest-focus-ring-width,2px) solid var(--tempest-focus-ring-color,var(--tempest-primary));outline-offset:var(--tempest-focus-ring-offset,2px)}
+.tempest_interactive_3ICXQ:focus-visible{outline:var(--tempest-focus-ring-width,2px) solid var(--tempest-focus-ring-color,currentColor);outline-offset:var(--tempest-focus-ring-offset,2px)}
 .tempest_selected_dMY11{background:var(--tempest-primary-soft);color:var(--tempest-primary-on-soft)}
 .tempest_interactive_3ICXQ.tempest_selected_dMY11:hover{background:var(--tempest-primary-soft-hover,var(--tempest-primary-soft))}
 .tempest_disabled_HnXxf{opacity:.4;cursor:not-allowed;pointer-events:none}
@@ -105,7 +105,7 @@
 .tempest_link_prTnN{color:var(--tempest-primary);text-underline-offset:2px;text-decoration:underline}
 .tempest_image_HjzdE{border-radius:var(--tempest-radius-md);max-width:100%;height:auto}
 .tempest_tableScroll_2u5gY{overflow-x:auto}
-.tempest_tableScroll_2u5gY:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_tableScroll_2u5gY:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_table_-CmP5{border-collapse:collapse;width:100%;font-size:var(--tempest-text-sm)}
 .tempest_table_-CmP5 th,.tempest_table_-CmP5 td{padding:var(--tempest-space-2) var(--tempest-space-3);border-bottom:1px solid var(--tempest-border);text-align:left}
 .tempest_table_-CmP5 th{color:var(--tempest-text-muted);font-weight:var(--tempest-weight-semibold)}
@@ -135,11 +135,11 @@
 .tempest_item_T5xdQ:last-child{padding-bottom:0}
 .tempest_markerColumn_BMe4d{flex-direction:column;flex:none;align-items:center;width:16px;padding-top:4px;display:flex}
 .tempest_marker_kmPV-{border-radius:var(--tempest-radius-full);color:#fff;flex:none;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:inline-flex}
-.tempest_marker-primary_s9BNB{background:var(--tempest-primary)}
-.tempest_marker-success_areMM{background:var(--tempest-success-solid,var(--tempest-success))}
-.tempest_marker-warning_rRrS8{background:var(--tempest-warning-solid,var(--tempest-warning))}
-.tempest_marker-danger_3GEBk{background:var(--tempest-danger-solid,var(--tempest-danger))}
-.tempest_marker-neutral_M2mnw{background:var(--tempest-gray-400,var(--tempest-border))}
+.tempest_markerPrimary_7elrv{background:var(--tempest-primary)}
+.tempest_markerSuccess_QosJP{background:var(--tempest-success-solid,var(--tempest-success))}
+.tempest_markerWarning_u04NG{background:var(--tempest-warning-solid,var(--tempest-warning))}
+.tempest_markerDanger_xtUJj{background:var(--tempest-danger-solid,var(--tempest-danger))}
+.tempest_markerNeutral_y7MKa{background:var(--tempest-gray-400,var(--tempest-border))}
 .tempest_line_CwY-N{background:var(--tempest-border);flex:auto;width:2px;margin-top:4px}
 .tempest_body_KpMJ6{flex:auto;min-width:0}
 .tempest_row_AX2ti{justify-content:space-between;align-items:baseline;gap:var(--tempest-space-3);display:flex}
@@ -150,7 +150,7 @@
 .tempest_backdrop_TVqRI{background-color:var(--tempest-tour-backdrop,#0000008c);pointer-events:auto;position:fixed}
 .tempest_spotlight_0N62-{border-radius:var(--tempest-radius-md);box-shadow:0 0 0 2px var(--tempest-primary);pointer-events:none;position:fixed}
 .tempest_card_eurpw{gap:var(--tempest-space-2);width:min(22rem,100vw - 2rem);padding:var(--tempest-space-4);border-radius:var(--tempest-radius-lg);background-color:var(--tempest-bg);box-shadow:var(--tempest-shadow-lg);color:var(--tempest-text);pointer-events:auto;flex-direction:column;display:flex;position:fixed}
-.tempest_card_eurpw:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_card_eurpw:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_header_PTKGS{justify-content:space-between;align-items:center;gap:var(--tempest-space-2);display:flex}
 .tempest_progress_WzQ2f{color:var(--tempest-text-muted);font-size:var(--tempest-text-xs);font-variant-numeric:tabular-nums}
 .tempest_close_z43ed{border-radius:var(--tempest-radius-sm);width:1.75rem;height:1.75rem;color:var(--tempest-text-muted);font-size:var(--tempest-text-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}
@@ -163,7 +163,7 @@
 .tempest_primary_ICXJm,.tempest_secondary_kde2L{padding:var(--tempest-space-2) var(--tempest-space-4);border-radius:var(--tempest-radius-md);font:inherit;font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-medium);cursor:pointer}
 .tempest_primary_ICXJm{background-color:var(--tempest-primary);color:var(--tempest-primary-foreground);border:none}
 .tempest_secondary_kde2L{border:1px solid var(--tempest-border);background-color:var(--tempest-bg);color:var(--tempest-text)}
-.tempest_primary_ICXJm:focus-visible,.tempest_secondary_kde2L:focus-visible,.tempest_skip_IdWQY:focus-visible,.tempest_close_z43ed:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_primary_ICXJm:focus-visible,.tempest_secondary_kde2L:focus-visible,.tempest_skip_IdWQY:focus-visible,.tempest_close_z43ed:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 @media (prefers-reduced-motion:no-preference){.tempest_spotlight_0N62-{transition:top var(--tempest-duration-base) var(--tempest-ease-out), left var(--tempest-duration-base) var(--tempest-ease-out), width var(--tempest-duration-base) var(--tempest-ease-out), height var(--tempest-duration-base) var(--tempest-ease-out)}.tempest_card_eurpw{transition:top var(--tempest-duration-base) var(--tempest-ease-out), left var(--tempest-duration-base) var(--tempest-ease-out)}}
 .tempest_wrapper_v0MUQ{gap:var(--tempest-space-3);font-family:var(--tempest-font-sans);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid}
 .tempest_controls_Khwwy{justify-content:center;gap:var(--tempest-space-2);flex-direction:column;order:2;display:flex}
@@ -175,14 +175,14 @@
 .tempest_title_IhvAM{color:var(--tempest-text);font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}
 .tempest_count_2NX52{color:var(--tempest-text-muted);font-size:var(--tempest-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}
 .tempest_search_OPJ2A{width:100%;min-width:0;padding:var(--tempest-space-2) var(--tempest-space-3);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background-color:var(--tempest-bg);color:inherit;font:inherit;font-size:var(--tempest-text-sm)}
-.tempest_search_OPJ2A:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:-1px}
+.tempest_search_OPJ2A:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:calc(var(--tempest-focus-ring-width) * -1)}
 .tempest_list_LrZlc{gap:var(--tempest-space-1);overscroll-behavior:contain;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}
 .tempest_row_uZH5v{padding:var(--tempest-space-1) var(--tempest-space-2);border-radius:var(--tempest-radius-sm);font-size:var(--tempest-text-sm)}
 .tempest_row_uZH5v:hover{background-color:var(--tempest-surface)}
 .tempest_empty_sM4jo{padding:var(--tempest-space-4) var(--tempest-space-2);color:var(--tempest-text-muted);font-size:var(--tempest-text-sm);text-align:center}
 .tempest_control_-y936{width:var(--tempest-control-height-sm);height:var(--tempest-control-height-sm);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background-color:var(--tempest-bg);color:var(--tempest-text);font-size:var(--tempest-text-base);cursor:pointer;justify-content:center;align-items:center;line-height:1;display:flex}
 .tempest_control_-y936:hover:not(:disabled){border-color:var(--tempest-primary);color:var(--tempest-primary)}
-.tempest_control_-y936:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:1px}
+.tempest_control_-y936:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:1px}
 .tempest_control_-y936:disabled{color:var(--tempest-text-subtle);cursor:not-allowed}
 @media (width<=640px){.tempest_wrapper_v0MUQ{grid-template-columns:minmax(0,1fr)}.tempest_controls_Khwwy{flex-direction:row;justify-content:center}}
 .tempest_tree_velMm{color:var(--tempest-text);font-size:var(--tempest-text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}
@@ -214,11 +214,11 @@
 .tempest_alignRight_uxhpx{text-align:right}
 .tempest_alignCenter_9B3Sb{text-align:center}
 .tempest_sortButton_4h-vK{align-items:center;gap:var(--tempest-space-1);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}
-.tempest_sortButton_4h-vK:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px;border-radius:var(--tempest-radius-sm)}
+.tempest_sortButton_4h-vK:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset);border-radius:var(--tempest-radius-sm)}
 .tempest_sortIndicator_-WpMp{font-size:var(--tempest-text-xs);opacity:.55}
 .tempest_tr_EI3uW.tempest_clickable_4AfSX{cursor:pointer;transition:background-color var(--tempest-duration-fast) var(--tempest-ease-out)}
 @media (hover:hover) and (pointer:fine){.tempest_tr_EI3uW.tempest_clickable_4AfSX:hover{background-color:var(--tempest-surface)}}
-.tempest_tr_EI3uW.tempest_clickable_4AfSX:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:-2px}
+.tempest_tr_EI3uW.tempest_clickable_4AfSX:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:calc(var(--tempest-focus-ring-width) * -1)}
 .tempest_emptyRow_4kIiT{padding:var(--tempest-space-8) var(--tempest-space-4);text-align:center;color:var(--tempest-text-muted)}
 @media (prefers-reduced-motion:reduce){.tempest_tr_EI3uW.tempest_clickable_4AfSX{transition:none}}
 .tempest_wizard_2BkgZ{gap:var(--tempest-space-6);flex-direction:column;width:100%;display:flex}

package/dist/styles/feedback.css

@@ -82,7 +82,7 @@
 .tempest_title_UJyzl{align-items:center;gap:var(--tempest-space-2);font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-semibold);margin:0;display:flex}
 .tempest_headerAction_A0T8e{color:var(--tempest-primary);font:inherit;font-size:var(--tempest-text-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}
 .tempest_headerAction_A0T8e:hover{text-decoration:underline}
-.tempest_headerAction_A0T8e:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px;border-radius:var(--tempest-radius-sm)}
+.tempest_headerAction_A0T8e:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset);border-radius:var(--tempest-radius-sm)}
 .tempest_list_Q23Lz{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}
 .tempest_item_e-qev{align-items:flex-start;gap:var(--tempest-space-3);padding:var(--tempest-space-3) var(--tempest-space-4);border-bottom:1px solid var(--tempest-border);display:flex}
 .tempest_item_e-qev:last-child{border-bottom:none}
@@ -90,13 +90,13 @@
 .tempest_icon_W0eML{border-radius:var(--tempest-radius-full);background-color:var(--tempest-surface-2,var(--tempest-surface));width:2rem;height:2rem;color:var(--tempest-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}
 .tempest_body_m3hfl{gap:var(--tempest-space-1);flex-direction:column;flex:1;min-width:0;display:flex}
 .tempest_trigger_y7SuR{gap:var(--tempest-space-1);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}
-.tempest_trigger_y7SuR:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px;border-radius:var(--tempest-radius-sm)}
+.tempest_trigger_y7SuR:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset);border-radius:var(--tempest-radius-sm)}
 .tempest_itemTitle_o7OXC{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-medium);line-height:var(--tempest-leading-snug)}
 .tempest_itemBody_KL7uZ{color:var(--tempest-text-muted);font-size:var(--tempest-text-sm);line-height:var(--tempest-leading-normal)}
 .tempest_time_NLUQU{color:var(--tempest-text-muted);font-size:var(--tempest-text-xs)}
 .tempest_dismiss_74KRm{border-radius:var(--tempest-radius-full);width:1.5rem;height:1.5rem;color:var(--tempest-text-muted);font-size:var(--tempest-text-base);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}
 @media (hover:hover) and (pointer:fine){.tempest_dismiss_74KRm:hover{background-color:var(--tempest-surface);color:var(--tempest-text)}}
-.tempest_dismiss_74KRm:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_dismiss_74KRm:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_bar_TujEG{z-index:var(--tempest-z-toast,1000);justify-content:center;align-items:center;gap:var(--tempest-space-2);padding:var(--tempest-space-2) var(--tempest-space-4);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-sm);line-height:var(--tempest-leading-snug);text-align:center;display:flex;position:fixed;left:0;right:0}
 .tempest_top_hGD-7{padding-top:max(var(--tempest-space-2), env(safe-area-inset-top));top:0}
 .tempest_bottom_xvnL6{padding-bottom:max(var(--tempest-space-2), env(safe-area-inset-bottom));bottom:0}

package/dist/styles/forms.css

@@ -62,7 +62,8 @@
 .tempest_rangeStart_-Oe1u{border-top-right-radius:0;border-bottom-right-radius:0}
 .tempest_rangeEnd_mUaKW{border-top-left-radius:0;border-bottom-left-radius:0}
 .tempest_zone_u04pu{text-align:center;min-height:120px;padding:var(--tempest-space-6,24px);border:2px dashed var(--tempest-border);border-radius:var(--tempest-radius-lg,12px);background:var(--tempest-surface);color:var(--tempest-text-muted);font-family:var(--tempest-font-sans);font-size:var(--tempest-text-sm);cursor:pointer;transition:border-color var(--tempest-duration-fast,.12s) var(--tempest-ease-out,ease-out), background var(--tempest-duration-fast,.12s) var(--tempest-ease-out,ease-out);justify-content:center;align-items:center;display:flex}
-.tempest_zone_u04pu:hover,.tempest_zone_u04pu:focus-visible{border-color:var(--tempest-primary);color:var(--tempest-text);outline:none}
+.tempest_zone_u04pu:hover,.tempest_zone_u04pu:focus-visible{border-color:var(--tempest-primary);color:var(--tempest-text)}
+.tempest_zone_u04pu:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_dragging_uGtl4{border-color:var(--tempest-primary);background:var(--tempest-primary-soft);color:var(--tempest-text)}
 .tempest_disabled_GTKfV{opacity:.5;cursor:not-allowed}
 .tempest_input_qhJ1u{display:none}
@@ -106,7 +107,7 @@
 .tempest_wrapper_l83On{gap:var(--tempest-space-3);max-width:100%;font-family:var(--tempest-font-sans);flex-direction:column;display:flex}
 .tempest_frame_AFLKa{border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-lg);background-color:var(--tempest-surface);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}
 .tempest_frame_AFLKa:active{cursor:grabbing}
-.tempest_frame_AFLKa:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_frame_AFLKa:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_circle_qI5b8{border-radius:var(--tempest-radius-full)}
 .tempest_image_8RAkb{pointer-events:none;max-width:none;max-height:none;position:absolute;top:50%;left:50%;translate:-50% -50%}
 .tempest_controls_Tbg70{align-items:center;gap:var(--tempest-space-3);flex-wrap:wrap;display:flex}
@@ -114,7 +115,7 @@
 .tempest_zoom_hMOSD:disabled{opacity:.5}
 .tempest_reset_TK3vP{padding:var(--tempest-space-1) var(--tempest-space-3);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background-color:var(--tempest-bg);color:var(--tempest-text);font:inherit;font-size:var(--tempest-text-sm);cursor:pointer}
 @media (hover:hover) and (pointer:fine){.tempest_reset_TK3vP:hover:not(:disabled){background-color:var(--tempest-surface)}}
-.tempest_reset_TK3vP:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:2px}
+.tempest_reset_TK3vP:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:var(--tempest-focus-ring-offset)}
 .tempest_reset_TK3vP:disabled{opacity:.5;cursor:default}
 .tempest_hint_rIrZ8{color:var(--tempest-text-muted);font-size:var(--tempest-text-xs);margin:0}
 .tempest_hint_rIrZ8 kbd{padding:0 var(--tempest-space-1);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-sm);background-color:var(--tempest-surface);font-family:var(--tempest-font-mono,monospace);font-size:inherit}
@@ -165,7 +166,7 @@
 .tempest_wrapper_zEU-L{gap:var(--tempest-space-1);font-family:var(--tempest-font-sans);flex-direction:column;width:100%;display:flex}
 .tempest_label_ps3gD{font-size:var(--tempest-text-sm);font-weight:var(--tempest-weight-medium);color:var(--tempest-text)}
 .tempest_field_7taZG{border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background:var(--tempest-surface);transition:border-color var(--tempest-duration-fast,.12s);align-items:center;display:flex;position:relative}
-.tempest_field_7taZG:focus-within{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width,2px) var(--tempest-focus-ring-color,var(--tempest-primary))}
+.tempest_field_7taZG:focus-within{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width,2px) var(--tempest-focus-ring-color,currentColor)}
 .tempest_input_FWEvb{color:var(--tempest-text);font:inherit;font-family:var(--tempest-font-sans);background:0 0;border:0;outline:0;flex:auto}
 .tempest_sm_3-CZz .tempest_input_FWEvb{font-size:var(--tempest-text-sm);padding:6px 8px}
 .tempest_md_ReV0O .tempest_input_FWEvb{font-size:var(--tempest-text-md);padding:8px 12px}
@@ -189,7 +190,7 @@
 .tempest_cells_URO3v.tempest_sm_SQM-s .tempest_cell_fxLzs{width:32px;height:36px;font-size:var(--tempest-text-md)}
 .tempest_cells_URO3v.tempest_md_aHCGl .tempest_cell_fxLzs{width:44px;height:52px;font-size:var(--tempest-text-lg)}
 .tempest_cells_URO3v.tempest_lg_JpI4A .tempest_cell_fxLzs{width:56px;height:64px;font-size:var(--tempest-text-xl)}
-.tempest_cell_fxLzs:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width,2px) var(--tempest-focus-ring-color,var(--tempest-primary));outline:none}
+.tempest_cell_fxLzs:focus{border-color:var(--tempest-primary);box-shadow:0 0 0 var(--tempest-focus-ring-width,2px) var(--tempest-focus-ring-color,currentColor);outline:none}
 .tempest_cell_fxLzs:disabled{opacity:.4;cursor:not-allowed}
 .tempest_error_Kou0o .tempest_cell_fxLzs{border-color:var(--tempest-danger-border,var(--tempest-danger))}
 .tempest_helper_W04iL{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted)}

package/dist/styles/geo.css

@@ -11,6 +11,6 @@
 @keyframes tempest_tempest-geo-pulse_9O0Rj{0%{opacity:.35;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}
 .tempest_marker_HB3Rb{fill:var(--tempest-primary);stroke:var(--tempest-surface);stroke-width:2px}
 .tempest_marker_HB3Rb[role=button]{cursor:pointer}
-.tempest_marker_HB3Rb[role=button]:focus-visible{stroke:var(--tempest-primary-active);stroke-width:3px;outline:none}
+.tempest_marker_HB3Rb[role=button]:focus-visible{stroke:var(--tempest-focus-ring-color);stroke-width:3px;outline:none}
 .tempest_scale_YuwqB line{stroke:var(--tempest-text);stroke-width:2px}
 .tempest_scale_YuwqB text{fill:var(--tempest-text);font-size:var(--tempest-text-xs);font-family:var(--tempest-font-sans)}

package/dist/styles/icons.css

@@ -2,5 +2,5 @@
 .tempest_picker_TP94V{align-items:center;gap:var(--tempest-space-2);font-family:var(--tempest-font-sans);display:inline-flex}
 .tempest_preview_lo-Gg{border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background:var(--tempest-surface);width:34px;height:34px;color:var(--tempest-text);flex:none;justify-content:center;align-items:center;display:inline-flex}
 .tempest_input_5dPK-{min-width:0;padding:var(--tempest-space-2) var(--tempest-space-3);border:1px solid var(--tempest-border);border-radius:var(--tempest-radius-md);background:var(--tempest-bg);color:var(--tempest-text);font-family:inherit;font-size:var(--tempest-text-sm);flex:auto;min-height:34px}
-.tempest_input_5dPK-:focus-visible{outline:2px solid var(--tempest-primary);outline-offset:1px}
+.tempest_input_5dPK-:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:1px}
 .tempest_input_5dPK-[aria-invalid=true]{border-color:var(--tempest-danger)}

package/dist/styles/inverse.css

@@ -0,0 +1,372 @@
+/* ============================================================
+ * Inverse surface — opt-in.
+ *
+ *   import "tempest-react-sdk/styles/inverse.css";
+ *
+ * Activated via [data-tempest-tone="inverse"] on any element (or
+ * `<Section tone="inverse">`): a hero, a call-to-action band, a footer
+ * painted in the brand colour.
+ *
+ * The components inside such a section must invert — a light action
+ * button labelled in the brand, light text, a ring that separates from
+ * the fill — and overriding a handful of tokens by hand leaves the rest
+ * on the page's values. Measured over a navy band with the eight-token
+ * override #409 started from: the inherited `--tempest-text-subtle` sat
+ * at 2.75:1, `--tempest-danger` at 2.12:1, the selected indicator at
+ * 2.01:1, and a `Card` put white text on `--tempest-surface` at 1.05:1.
+ *
+ * So the block redefines every colour token the components read, as
+ * literal colours rather than references to the ramp: the section paints
+ * the same under the light and the dark page scheme. The values are the
+ * output of `createTheme`'s inverse surface for the SDK's own `#0066ff`
+ * — whose fill is the ramp's `800`, because white on the `500` itself
+ * measures 4.83:1 and leaves no room for muted and subtle text to clear
+ * AA, on the fill or on a region of the band lifted 0.1 toward the ink
+ * (a radial glow, a hover). `src/theme/inverse-surface.test.ts` pins this
+ * block to the generator; a brand gets its own block from
+ * `createTheme({ primary, inverse: createInverseSurface })`, which needs no
+ * import.
+ *
+ * Why a separate file and not part of `colors.css`, `tokens.css` or
+ * `styles.css`: most apps never paint a section in the brand, and the
+ * block is 96 declarations — measured, it took the `tokens.css` +
+ * `scoped.css` foundation from 3.05 to 3.44 kB brotli for everyone. It
+ * stays out of `styles.css` too, so there is one rule for every entry
+ * point: the surface exists when this file (or a generated theme with
+ * `inverse: createInverseSurface`) is loaded. Without either, the attribute matches
+ * nothing and the section renders with the page's tokens — legible, just
+ * not inverted.
+ *
+ * The `:where()` rule paints the fill and the ink on the element itself,
+ * at zero specificity, so the attribute alone is a complete section and
+ * any background the app sets on the same element still wins.
+ * ============================================================ */
+[data-tempest-tone="inverse"] {
+    color-scheme: dark;
+    --tempest-bg: #042e75;
+    --tempest-surface: #012361;
+    --tempest-surface-2: #011949;
+    --tempest-surface-3: #000f34;
+    --tempest-border: #305ba6;
+    --tempest-border-strong: #436fbc;
+    --tempest-text: #ffffff;
+    --tempest-text-muted: #d0e1fd;
+    --tempest-text-subtle: #b2c5e7;
+    --tempest-primary: #ffffff;
+    --tempest-primary-hover: #e6efff;
+    --tempest-primary-active: #d0dff9;
+    --tempest-primary-foreground: #042e75;
+    --tempest-text-on-primary: #042e75;
+    --tempest-primary-soft: #18428b;
+    --tempest-primary-soft-hover: #244e98;
+    --tempest-primary-on-soft: #abc9fa;
+    --tempest-focus-ring-color: #9dc1fd;
+    --tempest-selected-indicator: #9dc1fd;
+    --tempest-primary-50: #131f33;
+    --tempest-primary-100: #112953;
+    --tempest-primary-200: #063688;
+    --tempest-primary-300: #0e4db6;
+    --tempest-primary-400: #0562f1;
+    --tempest-primary-500: #3e83fd;
+    --tempest-primary-600: #6fa1f9;
+    --tempest-primary-700: #95bbfb;
+    --tempest-primary-800: #bbd3fb;
+    --tempest-primary-900: #dbe8fd;
+    --tempest-success: #71d888;
+    --tempest-success-fg: #6cd383;
+    --tempest-success-bg: #142317;
+    --tempest-success-border: #0d4a20;
+    --tempest-success-solid: #16a34a;
+    --tempest-success-on-solid: #1f0606;
+    --tempest-warning: #feb57c;
+    --tempest-warning-fg: #fbaa6a;
+    --tempest-warning-bg: #291b11;
+    --tempest-warning-border: #613305;
+    --tempest-warning-solid: #d97706;
+    --tempest-warning-on-solid: #1f0606;
+    --tempest-danger: #fcb0a6;
+    --tempest-danger-fg: #fd8d81;
+    --tempest-danger-bg: #2f1715;
+    --tempest-danger-border: #6d0d0d;
+    --tempest-danger-solid: #dc2626;
+    --tempest-danger-on-solid: #ffffff;
+    --tempest-danger-hover: #bd0011;
+    --tempest-info: #a4c4ff;
+    --tempest-info-fg: #83acfc;
+    --tempest-info-bg: #151f31;
+    --tempest-info-border: #0f3078;
+    --tempest-info-solid: #2563eb;
+    --tempest-info-on-solid: #ffffff;
+    --tempest-chart-1: #60a5fa;
+    --tempest-chart-2: #4ade80;
+    --tempest-chart-3: #fbbf24;
+    --tempest-chart-4: #a78bfa;
+    --tempest-chart-5: #f472b6;
+    --tempest-chart-6: #22d3ee;
+    --tempest-chart-7: #fb923c;
+    --tempest-chart-8: #2dd4bf;
+    --tempest-chart-sequential-1: #152849;
+    --tempest-chart-sequential-2: #163d83;
+    --tempest-chart-sequential-3: #1c55b8;
+    --tempest-chart-sequential-4: #2e70e5;
+    --tempest-chart-sequential-5: #5591fa;
+    --tempest-chart-sequential-6: #89b3fa;
+    --tempest-chart-sequential-7: #b9d2fd;
+    --tempest-chart-diverging-1: #0844a7;
+    --tempest-chart-diverging-2: #3c6fc9;
+    --tempest-chart-diverging-3: #729ae0;
+    --tempest-chart-diverging-4: #afc5eb;
+    --tempest-chart-diverging-5: #000f34;
+    --tempest-chart-diverging-6: #d8c199;
+    --tempest-chart-diverging-7: #be9240;
+    --tempest-chart-diverging-8: #936a0e;
+    --tempest-chart-diverging-9: #64480b;
+    --tempest-chart-grid: #305ba6;
+    --tempest-chart-axis: #b2c5e7;
+    --tempest-code-comment: #a1aab2;
+    --tempest-code-punctuation: #9faab4;
+    --tempest-code-string: #76b784;
+    --tempest-code-number: #e79476;
+    --tempest-code-keyword: #a39ffa;
+    --tempest-code-literal: #ea9090;
+    --tempest-code-function: #4eb3e7;
+    --tempest-code-tag: #e391b8;
+    --tempest-code-attribute: #59b9b8;
+    --tempest-code-property: #59b9b8;
+    --tempest-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
+    --tempest-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
+    --tempest-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);
+    --tempest-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3);
+    --tempest-shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.6), 0 8px 16px rgba(0, 0, 0, 0.3);
+    --tempest-shadow-inner: inset 0 2px 4px rgba(15, 23, 42, 0.06);
+}
+
+:where([data-tempest-tone="inverse"]) {
+    background-color: var(--tempest-bg);
+    color: var(--tempest-text);
+}
+
+/* ============================================================
+ * Back to the page — [data-tempest-tone="default"] (or
+ * `<Section tone="default">`) inside an inverse surface: a white `Card`
+ * in a navy hero.
+ *
+ * Custom properties inherit from the parent, so the region cannot read
+ * `:root` again, and scoping the block above away from it (`@scope …
+ * to …`, `:not()`) changes nothing: the region still inherits what the
+ * section declared. So every element a theme is declared on saves the
+ * page's value of each token above in a `--tempest-default-*` twin,
+ * which inherits through the section untouched, and the region reads
+ * its tokens back from the twins — light or dark, the SDK's, a theme's
+ * or the app's own `:root` override. Measured in Chromium on a `Card`,
+ * an `Input` and a `Button`: 0 of 28 computed values differ from the
+ * same trio outside the section, in light, in dark and in a dark
+ * subtree. Generated by `renderInverseSurface`, pinned by the same test.
+ * ============================================================ */
+:where(:is(:root, [data-tempest-theme]):not([data-tempest-tone="inverse"])) {
+    --tempest-default-bg: var(--tempest-bg);
+    --tempest-default-surface: var(--tempest-surface);
+    --tempest-default-surface-2: var(--tempest-surface-2);
+    --tempest-default-surface-3: var(--tempest-surface-3);
+    --tempest-default-border: var(--tempest-border);
+    --tempest-default-border-strong: var(--tempest-border-strong);
+    --tempest-default-text: var(--tempest-text);
+    --tempest-default-text-muted: var(--tempest-text-muted);
+    --tempest-default-text-subtle: var(--tempest-text-subtle);
+    --tempest-default-primary: var(--tempest-primary);
+    --tempest-default-primary-hover: var(--tempest-primary-hover);
+    --tempest-default-primary-active: var(--tempest-primary-active);
+    --tempest-default-primary-foreground: var(--tempest-primary-foreground);
+    --tempest-default-text-on-primary: var(--tempest-text-on-primary);
+    --tempest-default-primary-soft: var(--tempest-primary-soft);
+    --tempest-default-primary-soft-hover: var(--tempest-primary-soft-hover);
+    --tempest-default-primary-on-soft: var(--tempest-primary-on-soft);
+    --tempest-default-focus-ring-color: var(--tempest-focus-ring-color);
+    --tempest-default-selected-indicator: var(--tempest-selected-indicator);
+    --tempest-default-primary-50: var(--tempest-primary-50);
+    --tempest-default-primary-100: var(--tempest-primary-100);
+    --tempest-default-primary-200: var(--tempest-primary-200);
+    --tempest-default-primary-300: var(--tempest-primary-300);
+    --tempest-default-primary-400: var(--tempest-primary-400);
+    --tempest-default-primary-500: var(--tempest-primary-500);
+    --tempest-default-primary-600: var(--tempest-primary-600);
+    --tempest-default-primary-700: var(--tempest-primary-700);
+    --tempest-default-primary-800: var(--tempest-primary-800);
+    --tempest-default-primary-900: var(--tempest-primary-900);
+    --tempest-default-success: var(--tempest-success);
+    --tempest-default-success-fg: var(--tempest-success-fg);
+    --tempest-default-success-bg: var(--tempest-success-bg);
+    --tempest-default-success-border: var(--tempest-success-border);
+    --tempest-default-success-solid: var(--tempest-success-solid);
+    --tempest-default-success-on-solid: var(--tempest-success-on-solid);
+    --tempest-default-warning: var(--tempest-warning);
+    --tempest-default-warning-fg: var(--tempest-warning-fg);
+    --tempest-default-warning-bg: var(--tempest-warning-bg);
+    --tempest-default-warning-border: var(--tempest-warning-border);
+    --tempest-default-warning-solid: var(--tempest-warning-solid);
+    --tempest-default-warning-on-solid: var(--tempest-warning-on-solid);
+    --tempest-default-danger: var(--tempest-danger);
+    --tempest-default-danger-fg: var(--tempest-danger-fg);
+    --tempest-default-danger-bg: var(--tempest-danger-bg);
+    --tempest-default-danger-border: var(--tempest-danger-border);
+    --tempest-default-danger-solid: var(--tempest-danger-solid);
+    --tempest-default-danger-on-solid: var(--tempest-danger-on-solid);
+    --tempest-default-danger-hover: var(--tempest-danger-hover);
+    --tempest-default-info: var(--tempest-info);
+    --tempest-default-info-fg: var(--tempest-info-fg);
+    --tempest-default-info-bg: var(--tempest-info-bg);
+    --tempest-default-info-border: var(--tempest-info-border);
+    --tempest-default-info-solid: var(--tempest-info-solid);
+    --tempest-default-info-on-solid: var(--tempest-info-on-solid);
+    --tempest-default-chart-1: var(--tempest-chart-1);
+    --tempest-default-chart-2: var(--tempest-chart-2);
+    --tempest-default-chart-3: var(--tempest-chart-3);
+    --tempest-default-chart-4: var(--tempest-chart-4);
+    --tempest-default-chart-5: var(--tempest-chart-5);
+    --tempest-default-chart-6: var(--tempest-chart-6);
+    --tempest-default-chart-7: var(--tempest-chart-7);
+    --tempest-default-chart-8: var(--tempest-chart-8);
+    --tempest-default-chart-sequential-1: var(--tempest-chart-sequential-1);
+    --tempest-default-chart-sequential-2: var(--tempest-chart-sequential-2);
+    --tempest-default-chart-sequential-3: var(--tempest-chart-sequential-3);
+    --tempest-default-chart-sequential-4: var(--tempest-chart-sequential-4);
+    --tempest-default-chart-sequential-5: var(--tempest-chart-sequential-5);
+    --tempest-default-chart-sequential-6: var(--tempest-chart-sequential-6);
+    --tempest-default-chart-sequential-7: var(--tempest-chart-sequential-7);
+    --tempest-default-chart-diverging-1: var(--tempest-chart-diverging-1);
+    --tempest-default-chart-diverging-2: var(--tempest-chart-diverging-2);
+    --tempest-default-chart-diverging-3: var(--tempest-chart-diverging-3);
+    --tempest-default-chart-diverging-4: var(--tempest-chart-diverging-4);
+    --tempest-default-chart-diverging-5: var(--tempest-chart-diverging-5);
+    --tempest-default-chart-diverging-6: var(--tempest-chart-diverging-6);
+    --tempest-default-chart-diverging-7: var(--tempest-chart-diverging-7);
+    --tempest-default-chart-diverging-8: var(--tempest-chart-diverging-8);
+    --tempest-default-chart-diverging-9: var(--tempest-chart-diverging-9);
+    --tempest-default-chart-grid: var(--tempest-chart-grid);
+    --tempest-default-chart-axis: var(--tempest-chart-axis);
+    --tempest-default-code-comment: var(--tempest-code-comment);
+    --tempest-default-code-punctuation: var(--tempest-code-punctuation);
+    --tempest-default-code-string: var(--tempest-code-string);
+    --tempest-default-code-number: var(--tempest-code-number);
+    --tempest-default-code-keyword: var(--tempest-code-keyword);
+    --tempest-default-code-literal: var(--tempest-code-literal);
+    --tempest-default-code-function: var(--tempest-code-function);
+    --tempest-default-code-tag: var(--tempest-code-tag);
+    --tempest-default-code-attribute: var(--tempest-code-attribute);
+    --tempest-default-code-property: var(--tempest-code-property);
+    --tempest-default-shadow-xs: var(--tempest-shadow-xs);
+    --tempest-default-shadow-sm: var(--tempest-shadow-sm);
+    --tempest-default-shadow-md: var(--tempest-shadow-md);
+    --tempest-default-shadow-lg: var(--tempest-shadow-lg);
+    --tempest-default-shadow-xl: var(--tempest-shadow-xl);
+    --tempest-default-shadow-inner: var(--tempest-shadow-inner);
+}
+
+:where([data-tempest-tone="default"]:not(:root, [data-tempest-theme])) {
+    --tempest-bg: var(--tempest-default-bg);
+    --tempest-surface: var(--tempest-default-surface);
+    --tempest-surface-2: var(--tempest-default-surface-2);
+    --tempest-surface-3: var(--tempest-default-surface-3);
+    --tempest-border: var(--tempest-default-border);
+    --tempest-border-strong: var(--tempest-default-border-strong);
+    --tempest-text: var(--tempest-default-text);
+    --tempest-text-muted: var(--tempest-default-text-muted);
+    --tempest-text-subtle: var(--tempest-default-text-subtle);
+    --tempest-primary: var(--tempest-default-primary);
+    --tempest-primary-hover: var(--tempest-default-primary-hover);
+    --tempest-primary-active: var(--tempest-default-primary-active);
+    --tempest-primary-foreground: var(--tempest-default-primary-foreground);
+    --tempest-text-on-primary: var(--tempest-default-text-on-primary);
+    --tempest-primary-soft: var(--tempest-default-primary-soft);
+    --tempest-primary-soft-hover: var(--tempest-default-primary-soft-hover);
+    --tempest-primary-on-soft: var(--tempest-default-primary-on-soft);
+    --tempest-focus-ring-color: var(--tempest-default-focus-ring-color);
+    --tempest-selected-indicator: var(--tempest-default-selected-indicator);
+    --tempest-primary-50: var(--tempest-default-primary-50);
+    --tempest-primary-100: var(--tempest-default-primary-100);
+    --tempest-primary-200: var(--tempest-default-primary-200);
+    --tempest-primary-300: var(--tempest-default-primary-300);
+    --tempest-primary-400: var(--tempest-default-primary-400);
+    --tempest-primary-500: var(--tempest-default-primary-500);
+    --tempest-primary-600: var(--tempest-default-primary-600);
+    --tempest-primary-700: var(--tempest-default-primary-700);
+    --tempest-primary-800: var(--tempest-default-primary-800);
+    --tempest-primary-900: var(--tempest-default-primary-900);
+    --tempest-success: var(--tempest-default-success);
+    --tempest-success-fg: var(--tempest-default-success-fg);
+    --tempest-success-bg: var(--tempest-default-success-bg);
+    --tempest-success-border: var(--tempest-default-success-border);
+    --tempest-success-solid: var(--tempest-default-success-solid);
+    --tempest-success-on-solid: var(--tempest-default-success-on-solid);
+    --tempest-warning: var(--tempest-default-warning);
+    --tempest-warning-fg: var(--tempest-default-warning-fg);
+    --tempest-warning-bg: var(--tempest-default-warning-bg);
+    --tempest-warning-border: var(--tempest-default-warning-border);
+    --tempest-warning-solid: var(--tempest-default-warning-solid);
+    --tempest-warning-on-solid: var(--tempest-default-warning-on-solid);
+    --tempest-danger: var(--tempest-default-danger);
+    --tempest-danger-fg: var(--tempest-default-danger-fg);
+    --tempest-danger-bg: var(--tempest-default-danger-bg);
+    --tempest-danger-border: var(--tempest-default-danger-border);
+    --tempest-danger-solid: var(--tempest-default-danger-solid);
+    --tempest-danger-on-solid: var(--tempest-default-danger-on-solid);
+    --tempest-danger-hover: var(--tempest-default-danger-hover);
+    --tempest-info: var(--tempest-default-info);
+    --tempest-info-fg: var(--tempest-default-info-fg);
+    --tempest-info-bg: var(--tempest-default-info-bg);
+    --tempest-info-border: var(--tempest-default-info-border);
+    --tempest-info-solid: var(--tempest-default-info-solid);
+    --tempest-info-on-solid: var(--tempest-default-info-on-solid);
+    --tempest-chart-1: var(--tempest-default-chart-1);
+    --tempest-chart-2: var(--tempest-default-chart-2);
+    --tempest-chart-3: var(--tempest-default-chart-3);
+    --tempest-chart-4: var(--tempest-default-chart-4);
+    --tempest-chart-5: var(--tempest-default-chart-5);
+    --tempest-chart-6: var(--tempest-default-chart-6);
+    --tempest-chart-7: var(--tempest-default-chart-7);
+    --tempest-chart-8: var(--tempest-default-chart-8);
+    --tempest-chart-sequential-1: var(--tempest-default-chart-sequential-1);
+    --tempest-chart-sequential-2: var(--tempest-default-chart-sequential-2);
+    --tempest-chart-sequential-3: var(--tempest-default-chart-sequential-3);
+    --tempest-chart-sequential-4: var(--tempest-default-chart-sequential-4);
+    --tempest-chart-sequential-5: var(--tempest-default-chart-sequential-5);
+    --tempest-chart-sequential-6: var(--tempest-default-chart-sequential-6);
+    --tempest-chart-sequential-7: var(--tempest-default-chart-sequential-7);
+    --tempest-chart-diverging-1: var(--tempest-default-chart-diverging-1);
+    --tempest-chart-diverging-2: var(--tempest-default-chart-diverging-2);
+    --tempest-chart-diverging-3: var(--tempest-default-chart-diverging-3);
+    --tempest-chart-diverging-4: var(--tempest-default-chart-diverging-4);
+    --tempest-chart-diverging-5: var(--tempest-default-chart-diverging-5);
+    --tempest-chart-diverging-6: var(--tempest-default-chart-diverging-6);
+    --tempest-chart-diverging-7: var(--tempest-default-chart-diverging-7);
+    --tempest-chart-diverging-8: var(--tempest-default-chart-diverging-8);
+    --tempest-chart-diverging-9: var(--tempest-default-chart-diverging-9);
+    --tempest-chart-grid: var(--tempest-default-chart-grid);
+    --tempest-chart-axis: var(--tempest-default-chart-axis);
+    --tempest-code-comment: var(--tempest-default-code-comment);
+    --tempest-code-punctuation: var(--tempest-default-code-punctuation);
+    --tempest-code-string: var(--tempest-default-code-string);
+    --tempest-code-number: var(--tempest-default-code-number);
+    --tempest-code-keyword: var(--tempest-default-code-keyword);
+    --tempest-code-literal: var(--tempest-default-code-literal);
+    --tempest-code-function: var(--tempest-default-code-function);
+    --tempest-code-tag: var(--tempest-default-code-tag);
+    --tempest-code-attribute: var(--tempest-default-code-attribute);
+    --tempest-code-property: var(--tempest-default-code-property);
+    --tempest-shadow-xs: var(--tempest-default-shadow-xs);
+    --tempest-shadow-sm: var(--tempest-default-shadow-sm);
+    --tempest-shadow-md: var(--tempest-default-shadow-md);
+    --tempest-shadow-lg: var(--tempest-default-shadow-lg);
+    --tempest-shadow-xl: var(--tempest-default-shadow-xl);
+    --tempest-shadow-inner: var(--tempest-default-shadow-inner);
+}
+
+:where([data-tempest-tone="default"]) {
+    color-scheme: light;
+    background-color: var(--tempest-bg);
+    color: var(--tempest-text);
+}
+
+:where(:is([data-tempest-theme="dark"]) [data-tempest-tone="default"]) {
+    color-scheme: dark;
+}

package/dist/styles/layout.css

@@ -1,6 +1,6 @@
 /* Generated by scripts/split-css.mjs — do not edit. */
 .tempest_shell_-xp0O{background:var(--tempest-bg);width:100%;min-height:100dvh;color:var(--tempest-text);font-family:var(--tempest-font-sans);flex-direction:column;display:flex}
-.tempest_navbar_liTKV{flex:none}
+.tempest_navbar_liTKV{display:contents}
 .tempest_row_PE41P{flex:auto;width:100%;min-height:0;display:flex}
 .tempest_sidebar_wyx-V{flex:none}
 .tempest_main_O3GFv{flex:auto;min-width:0;overflow-x:auto}
@@ -61,12 +61,6 @@
 .tempest_page_THNNc{width:100%;min-height:100%;font-family:var(--tempest-font-sans);color:var(--tempest-text);flex-direction:column;display:flex}
 .tempest_padded_bzjoF{padding:var(--tempest-space-5) var(--tempest-space-4)}
 @media (width>=768px){.tempest_padded_bzjoF{padding:var(--tempest-space-6) var(--tempest-space-6)}}
-.tempest_header_PZEzk{align-items:flex-start;gap:var(--tempest-space-4);margin-bottom:var(--tempest-space-5);flex-wrap:wrap;display:flex}
-.tempest_headerText_qYXFI{flex:auto;min-width:0}
-.tempest_eyebrow_651RV{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted);margin-bottom:var(--tempest-space-1)}
-.tempest_title_2oGnT{font-size:var(--tempest-text-2xl);font-weight:var(--tempest-weight-bold);line-height:var(--tempest-leading-tight);margin:0}
-.tempest_description_YzmWl{margin:var(--tempest-space-2) 0 0;font-size:var(--tempest-text-sm);color:var(--tempest-text-muted)}
-.tempest_actions_-rB3U{gap:var(--tempest-space-2);flex-wrap:wrap;flex:none;display:flex}
 .tempest_toolbar_sA7sD{margin-bottom:var(--tempest-space-4)}
 .tempest_content_RCB4b{flex:auto;min-width:0}
 .tempest_footer_540pQ{margin-top:var(--tempest-space-6);padding-top:var(--tempest-space-4);border-top:1px solid var(--tempest-border)}
@@ -117,6 +111,14 @@
 .tempest_root_cWKqF::-webkit-scrollbar-thumb{background-color:var(--tempest-border);border-radius:var(--tempest-radius-full);background-clip:padding-box;border:2px solid #0000}
 @media (hover:hover) and (pointer:fine){.tempest_root_cWKqF::-webkit-scrollbar-thumb:hover{background-color:var(--tempest-text-muted)}}
 .tempest_root_cWKqF:focus-visible{outline:var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);outline-offset:2px}
+.tempest_header_38yhB{align-items:flex-start;gap:var(--tempest-space-4);margin-bottom:var(--tempest-space-5);flex-wrap:wrap;display:flex}
+.tempest_headerText_3YDF-{flex:auto;min-width:0}
+.tempest_eyebrow_slLcy{font-size:var(--tempest-text-xs);color:var(--tempest-text-muted);margin-bottom:var(--tempest-space-1)}
+.tempest_title_nY6QC{font-size:var(--tempest-text-2xl);font-weight:var(--tempest-weight-bold);line-height:var(--tempest-leading-tight);margin:0}
+.tempest_description_-Gbs9{margin:var(--tempest-space-2) 0 0;font-size:var(--tempest-text-sm);color:var(--tempest-text-muted)}
+.tempest_actions_dzFrP{gap:var(--tempest-space-2);flex-wrap:wrap;flex:none;display:flex}
+.tempest_center_lDAVK{text-align:center;flex-direction:column;align-items:center}
+.tempest_center_lDAVK .tempest_actions_dzFrP{justify-content:center}
 .tempest_spacer_okdOd.tempest_both_85qSF{flex:auto}
 .tempest_spacer_okdOd.tempest_x_QiU2B{flex:1 0 auto;width:auto}
 .tempest_spacer_okdOd.tempest_y_hTtCp{flex:1 0 auto;height:auto}